stream-chat-react-native-core 9.4.0-beta.10 → 9.4.0-beta.12

package/src/i18n/pt-br.json

@@ -162,6 +162,7 @@
   "duration/Remind Me": "{{ milliseconds | durationFormatter(withSuffix: true) }}",
   "replied to": "respondeu a",
   "timestamp/ChannelPreviewStatus": "{{ timestamp | timestampFormatter(calendar: true; calendarFormats: {\"lastDay\":\"[Ontem]\",\"lastWeek\":\"dddd\",\"nextDay\":\"[Amanhã]\",\"nextWeek\":\"dddd [às] LT\",\"sameDay\":\"LT\",\"sameElse\":\"L\"}) }}",
+  "timestamp/FileAttachmentListSection": "{{ timestamp | timestampFormatter(format: MMMM YYYY) }}",
   "timestamp/ImageGalleryHeader": "{{ timestamp | timestampFormatter(calendar: true) }}",
   "timestamp/InlineDateSeparator": "{{ timestamp | timestampFormatter(calendar: true) }}",
   "timestamp/MessageEditedTimestamp": "{{ timestamp | timestampFormatter(calendar: true) }}",
@@ -388,6 +389,7 @@
   "Failed to block user": "Falha ao bloquear usuário",
   "Failed to delete channel": "Falha ao excluir o canal",
   "Failed to leave channel": "Falha ao sair do canal",
+  "Failed to load pinned messages": "Falha ao carregar mensagens fixadas",
   "Failed to load users": "Falha ao carregar usuários",
   "Failed to play the recording": "Falha ao reproduzir a gravação",
   "Failed to update channel archive status": "Falha ao atualizar o status de arquivamento do canal",
@@ -437,6 +439,21 @@
   "a11y/Gallery Image": "Imagem da galeria",
   "a11y/Gallery Video": "Vídeo da galeria",
   "a11y/{{position}} of {{count}}": "{{position}} de {{count}}",
+  "No pinned messages": "Nenhuma mensagem fixada",
+  "a11y/Search pinned messages": "Pesquisar mensagens fixadas",
+  "Long-press a message to pin it to the chat": "Mantenha pressionada uma mensagem para fixá-la no chat",
+  "No photos or videos": "Nenhuma foto ou vídeo",
+  "Share a photo or video to see it here": "Compartilhe uma foto ou vídeo para vê-lo aqui",
+  "Failed to load media": "Falha ao carregar mídia",
+  "No files": "Nenhum arquivo",
+  "Share a file to see it here": "Compartilhe um arquivo para vê-lo aqui",
+  "Failed to load files": "Falha ao carregar os arquivos",
+  "Notify all {{ role }} members": "Notify all {{ role }} members",
+  "a11y/Command suggestions available": "Command suggestions available",
+  "a11y/Emoji suggestions available": "Emoji suggestions available",
+  "a11y/Mention suggestions available": "Mention suggestions available",
+  "mention/Channel Description": "Notify everyone in this channel",
+  "mention/Here Description": "Notify every online member in this channel",
   "Pin Chat": "Fixar conversa",
   "Pin Group": "Fixar grupo",
   "Unpin Chat": "Desafixar conversa",

package/src/i18n/ru.json

@@ -162,6 +162,7 @@
   "duration/Remind Me": "{{ milliseconds | durationFormatter(withSuffix: true) }}",
   "replied to": "ответил на",
   "timestamp/ChannelPreviewStatus": "{{ timestamp | timestampFormatter(calendar: true; calendarFormats: {\"lastDay\":\"[Вчера]\",\"lastWeek\":\"dddd\",\"nextDay\":\"[Завтра]\",\"nextWeek\":\"dddd [в] LT\",\"sameDay\":\"LT\",\"sameElse\":\"L\"}) }}",
+  "timestamp/FileAttachmentListSection": "{{ timestamp | timestampFormatter(format: MMMM YYYY) }}",
   "timestamp/ImageGalleryHeader": "{{ timestamp | timestampFormatter(calendar: true) }}",
   "timestamp/InlineDateSeparator": "{{ timestamp | timestampFormatter(calendar: true) }}",
   "timestamp/MessageEditedTimestamp": "{{ timestamp | timestampFormatter(calendar: true) }}",
@@ -388,6 +389,7 @@
   "Failed to block user": "Не удалось заблокировать пользователя",
   "Failed to delete channel": "Не удалось удалить канал",
   "Failed to leave channel": "Не удалось покинуть канал",
+  "Failed to load pinned messages": "Не удалось загрузить закреплённые сообщения",
   "Failed to load users": "Не удалось загрузить пользователей",
   "Failed to play the recording": "Не удалось воспроизвести запись",
   "Failed to update channel archive status": "Не удалось обновить статус архивации канала",
@@ -437,6 +439,21 @@
   "a11y/Gallery Image": "Изображение из галереи",
   "a11y/Gallery Video": "Видео из галереи",
   "a11y/{{position}} of {{count}}": "{{position}} из {{count}}",
+  "No pinned messages": "Нет закреплённых сообщений",
+  "a11y/Search pinned messages": "Поиск закреплённых сообщений",
+  "Long-press a message to pin it to the chat": "Нажмите и удерживайте сообщение, чтобы закрепить его в чате",
+  "No photos or videos": "Нет фото и видео",
+  "Share a photo or video to see it here": "Поделитесь фото или видео, чтобы увидеть их здесь",
+  "Failed to load media": "Не удалось загрузить медиафайлы",
+  "No files": "Нет файлов",
+  "Share a file to see it here": "Поделитесь файлом, чтобы увидеть его здесь",
+  "Failed to load files": "Не удалось загрузить файлы",
+  "Notify all {{ role }} members": "Notify all {{ role }} members",
+  "a11y/Command suggestions available": "Command suggestions available",
+  "a11y/Emoji suggestions available": "Emoji suggestions available",
+  "a11y/Mention suggestions available": "Mention suggestions available",
+  "mention/Channel Description": "Notify everyone in this channel",
+  "mention/Here Description": "Notify every online member in this channel",
   "Pin Chat": "Закрепить чат",
   "Pin Group": "Закрепить группу",
   "Unpin Chat": "Открепить чат",

package/src/i18n/tr.json

@@ -162,6 +162,7 @@
   "duration/Remind Me": "{{ milliseconds | durationFormatter(withSuffix: true) }}",
   "replied to": "yanıtladı",
   "timestamp/ChannelPreviewStatus": "{{ timestamp | timestampFormatter(calendar: true; calendarFormats: {\"lastDay\":\"[Dün]\",\"lastWeek\":\"dddd\",\"nextDay\":\"[Yarın]\",\"nextWeek\":\"dddd [saat] LT\",\"sameDay\":\"LT\",\"sameElse\":\"L\"}) }}",
+  "timestamp/FileAttachmentListSection": "{{ timestamp | timestampFormatter(format: MMMM YYYY) }}",
   "timestamp/ImageGalleryHeader": "{{ timestamp | timestampFormatter(calendar: true) }}",
   "timestamp/InlineDateSeparator": "{{ timestamp | timestampFormatter(calendar: true) }}",
   "timestamp/MessageEditedTimestamp": "{{ timestamp | timestampFormatter(calendar: true) }}",
@@ -388,6 +389,7 @@
   "Failed to block user": "Kullanıcı engellenemedi",
   "Failed to delete channel": "Kanal silinemedi",
   "Failed to leave channel": "Kanaldan çıkılamadı",
+  "Failed to load pinned messages": "Sabitlenmiş mesajlar yüklenemedi",
   "Failed to load users": "Kullanıcılar yüklenemedi",
   "Failed to play the recording": "Kayıt oynatılamadı",
   "Failed to update channel archive status": "Kanal arşiv durumu güncellenemedi",
@@ -437,6 +439,21 @@
   "a11y/Gallery Image": "Galeri görüntüsü",
   "a11y/Gallery Video": "Galeri videosu",
   "a11y/{{position}} of {{count}}": "{{count}} öğeden {{position}}",
+  "No pinned messages": "Sabitlenmiş mesaj yok",
+  "a11y/Search pinned messages": "Sabitlenmiş mesajları ara",
+  "Long-press a message to pin it to the chat": "Bir mesajı sohbete sabitlemek için uzun basın",
+  "No photos or videos": "Fotoğraf veya video yok",
+  "Share a photo or video to see it here": "Burada görmek için bir fotoğraf veya video paylaşın",
+  "Failed to load media": "Medya yüklenemedi",
+  "No files": "Dosya yok",
+  "Share a file to see it here": "Burada görmek için bir dosya paylaşın",
+  "Failed to load files": "Dosyalar yüklenemedi",
+  "Notify all {{ role }} members": "Notify all {{ role }} members",
+  "a11y/Command suggestions available": "Command suggestions available",
+  "a11y/Emoji suggestions available": "Emoji suggestions available",
+  "a11y/Mention suggestions available": "Mention suggestions available",
+  "mention/Channel Description": "Notify everyone in this channel",
+  "mention/Here Description": "Notify every online member in this channel",
   "Pin Chat": "Sohbeti sabitle",
   "Pin Group": "Grubu sabitle",
   "Unpin Chat": "Sohbetin sabitlemesini kaldır",

package/src/icons/folder.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Folder = ({ fill, height, pathFill, size, stroke, width, ...rest }: IconProps) => {
+  const color = stroke ?? pathFill ?? fill ?? 'black';
+
+  return (
+    <Svg
+      fill={'none'}
+      height={height ?? size}
+      viewBox={'0 0 17 14'}
+      width={width ?? size}
+      {...rest}
+    >
+      <Path
+        d='M15.75 3.25V12.0695C15.75 12.2169 15.6915 12.3581 15.5873 12.4623C15.4831 12.5665 15.3419 12.625 15.1945 12.625H1.375C1.20924 12.625 1.05027 12.5592 0.933058 12.4419C0.815848 12.3247 0.75 12.1658 0.75 12V1.375C0.75 1.20924 0.815848 1.05027 0.933058 0.933058C1.05027 0.815848 1.20924 0.75 1.375 0.75H5.54141C5.67664 0.75 5.80822 0.793861 5.91641 0.875L8.25 2.625H15.125C15.2908 2.625 15.4497 2.69085 15.5669 2.80806C15.6842 2.92527 15.75 3.08424 15.75 3.25Z'
+        fill='none'
+        stroke={color}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth={1.5}
+      />
+    </Svg>
+  );
+};

package/src/icons/index.ts

@@ -46,6 +46,7 @@ export * from './refresh';
 export { PollThumbnail } from './poll';
 export * from './notification';
 export { FilePickerIcon } from './file';
+export * from './folder';
 export * from './command';
 export * from './bell';
 export * from './save';

package/src/icons/megaphone.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Megaphone = ({ fill, height, pathFill, size, stroke, width, ...rest }: IconProps) => {
+  const color = stroke ?? pathFill ?? fill ?? 'black';
+
+  return (
+    <Svg height={height ?? size} width={width ?? size} viewBox='0 0 16 16' fill='none' {...rest}>
+      <Path
+        d='M10 4.99999V12.5419C10 12.6241 10.0204 12.705 10.0592 12.7775C10.098 12.85 10.1541 12.9119 10.2225 12.9575L10.91 13.4156C10.9767 13.4601 11.0531 13.4879 11.1328 13.4966C11.2124 13.5054 11.293 13.4948 11.3678 13.4659C11.4425 13.437 11.5092 13.3905 11.5623 13.3304C11.6153 13.2703 11.6531 13.1984 11.6725 13.1206L12.5 9.99999M10 4.99999H12.5C13.163 4.99999 13.7989 5.26338 14.2678 5.73222C14.7366 6.20106 15 6.83695 15 7.49999C15 8.16303 14.7366 8.79892 14.2678 9.26776C13.7989 9.7366 13.163 9.99999 12.5 9.99999M10 4.99999C10 4.99999 6.59688 4.86499 3.32188 2.11812C3.24905 2.05685 3.16025 2.01764 3.06591 2.0051C2.97158 1.99255 2.87562 2.00719 2.78931 2.04729C2.70301 2.08739 2.62994 2.15129 2.57869 2.23148C2.52744 2.31167 2.50014 2.40482 2.5 2.49999V12.5C2.50002 12.5952 2.52723 12.6884 2.57844 12.7687C2.62964 12.849 2.7027 12.913 2.78903 12.9532C2.87536 12.9934 2.97137 13.0081 3.06576 12.9955C3.16015 12.983 3.24901 12.9438 3.32188 12.8825C6.59688 10.135 10 9.99999 10 9.99999H12.5'
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+    </Svg>
+  );
+};

package/src/icons/shield.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Shield = ({ fill, height, pathFill, size, stroke, width, ...rest }: IconProps) => {
+  const color = stroke ?? pathFill ?? fill ?? 'black';
+
+  return (
+    <Svg width={width ?? size} height={height ?? size} viewBox='0 0 16 16' fill='none' {...rest}>
+      <Path
+        d='M13.5 7V3.5C13.5 3.36739 13.4473 3.24021 13.3536 3.14645C13.2598 3.05268 13.1326 3 13 3H3C2.86739 3 2.74021 3.05268 2.64645 3.14645C2.55268 3.24021 2.5 3.36739 2.5 3.5V7C2.5 13 8 14.5 8 14.5C8 14.5 13.5 13 13.5 7Z'
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+    </Svg>
+  );
+};

package/src/store/SqliteClient.ts

@@ -28,7 +28,7 @@ import type { PreparedBatchQueries, PreparedQueries, Scalar, Table } from './typ
  * This way usage @op-engineering/op-sqlite package is scoped to a single class/file.
  */
 export class SqliteClient {
-  static dbVersion = 15;
+  static dbVersion = 16;
 
   static dbName = DB_NAME;
   static dbLocation = DB_LOCATION;

package/src/store/mappers/mapDraftMessageToStorable.ts

@@ -12,6 +12,10 @@ export const mapDraftMessageToStorable = ({
     custom,
     text,
     attachments,
+    mentioned_channel,
+    mentioned_group_ids,
+    mentioned_here,
+    mentioned_roles,
     mentioned_users,
     parent_id,
     poll_id,
@@ -25,6 +29,10 @@ export const mapDraftMessageToStorable = ({
     attachments: attachments ? JSON.stringify(attachments) : undefined,
     custom: custom ? JSON.stringify(custom) : undefined,
     id,
+    mentionedChannel: mentioned_channel,
+    mentionedGroupIds: mentioned_group_ids ? JSON.stringify(mentioned_group_ids) : undefined,
+    mentionedHere: mentioned_here,
+    mentionedRoles: mentioned_roles ? JSON.stringify(mentioned_roles) : undefined,
     mentionedUsers: mentioned_users ? JSON.stringify(mentioned_users) : undefined,
     parentId: parent_id,
     poll_id,

package/src/store/mappers/mapStorableToDraftMessage.ts

@@ -10,6 +10,10 @@ export const mapStorableToDraftMessage = (
     custom,
     text,
     attachments,
+    mentionedChannel,
+    mentionedGroupIds,
+    mentionedHere,
+    mentionedRoles,
     mentionedUsers,
     parentId,
     poll_id,
@@ -23,6 +27,10 @@ export const mapStorableToDraftMessage = (
     attachments: attachments ? JSON.parse(attachments) : undefined,
     custom: custom ? JSON.parse(custom) : undefined,
     id,
+    mentioned_channel: mentionedChannel,
+    mentioned_group_ids: mentionedGroupIds ? JSON.parse(mentionedGroupIds) : undefined,
+    mentioned_here: mentionedHere,
+    mentioned_roles: mentionedRoles ? JSON.parse(mentionedRoles) : undefined,
     mentioned_users: mentionedUsers ? JSON.parse(mentionedUsers) : undefined,
     parent_id: parentId,
     poll_id,

package/src/store/schema.ts

@@ -90,6 +90,10 @@ export const tables: Tables = {
       attachments: 'TEXT',
       custom: 'TEXT',
       id: 'TEXT NOT NULL',
+      mentionedChannel: 'BOOLEAN DEFAULT FALSE',
+      mentionedGroupIds: 'TEXT',
+      mentionedHere: 'BOOLEAN DEFAULT FALSE',
+      mentionedRoles: 'TEXT',
       mentionedUsers: 'TEXT',
       parentId: 'TEXT',
       poll_id: 'TEXT',
@@ -381,6 +385,10 @@ export type Schema = {
     id: string;
     attachments?: string;
     custom?: string;
+    mentionedChannel?: boolean;
+    mentionedGroupIds?: string;
+    mentionedHere?: boolean;
+    mentionedRoles?: string;
     mentionedUsers?: string;
     parentId?: string;
     poll_id?: string;

package/src/theme/generated/StreamTokens.types.ts

@@ -444,6 +444,11 @@ export interface ChatSemantics {
   chatBgAttachmentIncoming: ColorValue;
   chatBgAttachmentOutgoing: ColorValue;
   chatBgIncoming: ColorValue;
+  chatBgMention: ColorValue;
+  chatBgMentionBroadcast: ColorValue;
+  chatBgMentionGroup: ColorValue;
+  chatBgMentionRole: ColorValue;
+  chatBgMentionUser: ColorValue;
   chatBgOutgoing: ColorValue;
   chatBorderIncoming: ColorValue;
   chatBorderOnChatIncoming: ColorValue;
@@ -458,6 +463,10 @@ export interface ChatSemantics {
   chatTextIncoming: ColorValue;
   chatTextLink: ColorValue;
   chatTextMention: ColorValue;
+  chatTextMentionBroadcast: ColorValue;
+  chatTextMentionGroup: ColorValue;
+  chatTextMentionRole: ColorValue;
+  chatTextMentionUser: ColorValue;
   chatTextOutgoing: ColorValue;
   chatTextReaction: ColorValue;
   chatTextRead: ColorValue;

package/src/theme/generated/dark/StreamTokens.android.ts

@@ -509,6 +509,11 @@ export const semantics: IStreamTokens['semantics'] = {
   chatBgAttachmentIncoming: '$backgroundCoreSurfaceStrong',
   chatBgAttachmentOutgoing: '$brand150',
   chatBgIncoming: '$backgroundCoreSurfaceDefault',
+  chatBgMention: foundations.colors.baseTransparent0,
+  chatBgMentionBroadcast: '$chatBgMention',
+  chatBgMentionGroup: '$chatBgMention',
+  chatBgMentionRole: '$chatBgMention',
+  chatBgMentionUser: '$chatBgMention',
   chatBgOutgoing: '$brand100',
   chatBorderIncoming: '$borderCoreSubtle',
   chatBorderOnChatIncoming: '$borderCoreStrong',
@@ -522,7 +527,11 @@ export const semantics: IStreamTokens['semantics'] = {
   chatReplyIndicatorOutgoing: '$brand400',
   chatTextIncoming: '$textPrimary',
   chatTextLink: '$textLink',
-  chatTextMention: '$textLink',
+  chatTextMention: '$accentPrimary',
+  chatTextMentionBroadcast: '$chatTextMention',
+  chatTextMentionGroup: '$chatTextMention',
+  chatTextMentionRole: '$chatTextMention',
+  chatTextMentionUser: '$chatTextMention',
   chatTextOutgoing: '$brand900',
   chatTextReaction: '$textSecondary',
   chatTextRead: '$accentPrimary',

package/src/theme/generated/dark/StreamTokens.ios.ts

@@ -509,6 +509,11 @@ export const semantics: IStreamTokens['semantics'] = {
   chatBgAttachmentIncoming: '$backgroundCoreSurfaceStrong',
   chatBgAttachmentOutgoing: '$brand150',
   chatBgIncoming: '$backgroundCoreSurfaceDefault',
+  chatBgMention: foundations.colors.baseTransparent0,
+  chatBgMentionBroadcast: '$chatBgMention',
+  chatBgMentionGroup: '$chatBgMention',
+  chatBgMentionRole: '$chatBgMention',
+  chatBgMentionUser: '$chatBgMention',
   chatBgOutgoing: '$brand100',
   chatBorderIncoming: '$borderCoreSubtle',
   chatBorderOnChatIncoming: '$borderCoreStrong',
@@ -522,7 +527,11 @@ export const semantics: IStreamTokens['semantics'] = {
   chatReplyIndicatorOutgoing: '$brand400',
   chatTextIncoming: '$textPrimary',
   chatTextLink: '$textLink',
-  chatTextMention: '$textLink',
+  chatTextMention: '$accentPrimary',
+  chatTextMentionBroadcast: '$chatTextMention',
+  chatTextMentionGroup: '$chatTextMention',
+  chatTextMentionRole: '$chatTextMention',
+  chatTextMentionUser: '$chatTextMention',
   chatTextOutgoing: '$brand900',
   chatTextReaction: '$textSecondary',
   chatTextRead: '$accentPrimary',

package/src/theme/generated/dark/StreamTokens.web.ts

@@ -509,6 +509,11 @@ export const semantics: IStreamTokens['semantics'] = {
   chatBgAttachmentIncoming: '$backgroundCoreSurfaceStrong',
   chatBgAttachmentOutgoing: '$brand150',
   chatBgIncoming: '$backgroundCoreSurfaceDefault',
+  chatBgMention: foundations.colors.baseTransparent0,
+  chatBgMentionBroadcast: '$chatBgMention',
+  chatBgMentionGroup: '$chatBgMention',
+  chatBgMentionRole: '$chatBgMention',
+  chatBgMentionUser: '$chatBgMention',
   chatBgOutgoing: '$brand100',
   chatBorderIncoming: '$borderCoreSubtle',
   chatBorderOnChatIncoming: '$borderCoreStrong',
@@ -522,7 +527,11 @@ export const semantics: IStreamTokens['semantics'] = {
   chatReplyIndicatorOutgoing: '$brand400',
   chatTextIncoming: '$textPrimary',
   chatTextLink: '$textLink',
-  chatTextMention: '$textLink',
+  chatTextMention: '$accentPrimary',
+  chatTextMentionBroadcast: '$chatTextMention',
+  chatTextMentionGroup: '$chatTextMention',
+  chatTextMentionRole: '$chatTextMention',
+  chatTextMentionUser: '$chatTextMention',
   chatTextOutgoing: '$brand900',
   chatTextReaction: '$textSecondary',
   chatTextRead: '$accentPrimary',

package/src/theme/generated/light/StreamTokens.android.ts

@@ -509,6 +509,11 @@ export const semantics: IStreamTokens['semantics'] = {
   chatBgAttachmentIncoming: '$backgroundCoreSurfaceStrong',
   chatBgAttachmentOutgoing: '$brand150',
   chatBgIncoming: '$backgroundCoreSurfaceDefault',
+  chatBgMention: foundations.colors.baseTransparent0,
+  chatBgMentionBroadcast: '$chatBgMention',
+  chatBgMentionGroup: '$chatBgMention',
+  chatBgMentionRole: '$chatBgMention',
+  chatBgMentionUser: '$chatBgMention',
   chatBgOutgoing: '$brand100',
   chatBorderIncoming: '$borderCoreSubtle',
   chatBorderOnChatIncoming: '$borderCoreStrong',
@@ -522,7 +527,11 @@ export const semantics: IStreamTokens['semantics'] = {
   chatReplyIndicatorOutgoing: '$brand400',
   chatTextIncoming: '$textPrimary',
   chatTextLink: '$textLink',
-  chatTextMention: '$textLink',
+  chatTextMention: '$accentPrimary',
+  chatTextMentionBroadcast: '$chatTextMention',
+  chatTextMentionGroup: '$chatTextMention',
+  chatTextMentionRole: '$chatTextMention',
+  chatTextMentionUser: '$chatTextMention',
   chatTextOutgoing: '$brand900',
   chatTextReaction: '$textSecondary',
   chatTextRead: '$accentPrimary',

package/src/theme/generated/light/StreamTokens.ios.ts

@@ -509,6 +509,11 @@ export const semantics: IStreamTokens['semantics'] = {
   chatBgAttachmentIncoming: '$backgroundCoreSurfaceStrong',
   chatBgAttachmentOutgoing: '$brand150',
   chatBgIncoming: '$backgroundCoreSurfaceDefault',
+  chatBgMention: foundations.colors.baseTransparent0,
+  chatBgMentionBroadcast: '$chatBgMention',
+  chatBgMentionGroup: '$chatBgMention',
+  chatBgMentionRole: '$chatBgMention',
+  chatBgMentionUser: '$chatBgMention',
   chatBgOutgoing: '$brand100',
   chatBorderIncoming: '$borderCoreSubtle',
   chatBorderOnChatIncoming: '$borderCoreStrong',
@@ -522,7 +527,11 @@ export const semantics: IStreamTokens['semantics'] = {
   chatReplyIndicatorOutgoing: '$brand400',
   chatTextIncoming: '$textPrimary',
   chatTextLink: '$textLink',
-  chatTextMention: '$textLink',
+  chatTextMention: '$accentPrimary',
+  chatTextMentionBroadcast: '$chatTextMention',
+  chatTextMentionGroup: '$chatTextMention',
+  chatTextMentionRole: '$chatTextMention',
+  chatTextMentionUser: '$chatTextMention',
   chatTextOutgoing: '$brand900',
   chatTextReaction: '$textSecondary',
   chatTextRead: '$accentPrimary',

package/src/theme/generated/light/StreamTokens.web.ts

@@ -509,6 +509,11 @@ export const semantics: IStreamTokens['semantics'] = {
   chatBgAttachmentIncoming: '$backgroundCoreSurfaceStrong',
   chatBgAttachmentOutgoing: '$brand150',
   chatBgIncoming: '$backgroundCoreSurfaceDefault',
+  chatBgMention: foundations.colors.baseTransparent0,
+  chatBgMentionBroadcast: '$chatBgMention',
+  chatBgMentionGroup: '$chatBgMention',
+  chatBgMentionRole: '$chatBgMention',
+  chatBgMentionUser: '$chatBgMention',
   chatBgOutgoing: '$brand100',
   chatBorderIncoming: '$borderCoreSubtle',
   chatBorderOnChatIncoming: '$borderCoreStrong',
@@ -522,7 +527,11 @@ export const semantics: IStreamTokens['semantics'] = {
   chatReplyIndicatorOutgoing: '$brand400',
   chatTextIncoming: '$textPrimary',
   chatTextLink: '$textLink',
-  chatTextMention: '$textLink',
+  chatTextMention: '$accentPrimary',
+  chatTextMentionBroadcast: '$chatTextMention',
+  chatTextMentionGroup: '$chatTextMention',
+  chatTextMentionRole: '$chatTextMention',
+  chatTextMentionUser: '$chatTextMention',
   chatTextOutgoing: '$brand900',
   chatTextReaction: '$textSecondary',
   chatTextRead: '$accentPrimary',

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "9.4.0-beta.10"
+  "version": "9.4.0-beta.12"
 }