stream-chat-react-native-core 9.0.0-beta.11 → 9.0.0-beta.12

package/src/components/MessageInput/components/AttachmentPreview/AttachmentRemoveControl.tsx

@@ -3,7 +3,7 @@ import React, { useMemo } from 'react';
 import { Pressable, PressableProps, StyleSheet } from 'react-native';
 
 import { useTheme } from '../../../../contexts/themeContext/ThemeContext';
-import { NewClose } from '../../../../icons/NewClose';
+import { NewClose } from '../../../../icons/xmark';
 import { primitives } from '../../../../theme';
 
 type AttachmentRemoveControlProps = PressableProps;

package/src/components/MessageInput/components/AttachmentPreview/AttachmentUploadProgressIndicator.tsx

@@ -4,8 +4,8 @@ import { ActivityIndicator, Pressable, StyleSheet, Text, View } from 'react-nati
 import { LocalAttachmentUploadMetadata } from 'stream-chat';
 
 import { useTheme } from '../../../../contexts/themeContext/ThemeContext';
-import { ExclamationCircle } from '../../../../icons/ExclamationCircle';
-import { Warning } from '../../../../icons/Warning';
+import { ExclamationCircle } from '../../../../icons/exclamation-circle-fill';
+import { Warning } from '../../../../icons/exclamation-triangle-fill';
 import { primitives } from '../../../../theme';
 import { RetryBadge } from '../../../ui/Badge/RetryBadge';
 

package/src/components/MessageInput/components/AudioRecorder/AudioRecorder.tsx

@@ -14,12 +14,12 @@ import { useTheme } from '../../../../contexts/themeContext/ThemeContext';
 import { useTranslationContext } from '../../../../contexts/translationContext/TranslationContext';
 import { useStateStore } from '../../../../hooks/useStateStore';
 
-import { ChevronLeft } from '../../../../icons/ChevronLeft';
-import { Mic } from '../../../../icons/Mic';
-import { Stop } from '../../../../icons/Stop';
-import { Tick } from '../../../../icons/Tick';
-import { Trash } from '../../../../icons/Trash';
+import { Tick } from '../../../../icons/checkmark';
+import { ChevronLeft } from '../../../../icons/chevron-left';
+import { Delete } from '../../../../icons/delete';
+import { Stop } from '../../../../icons/stop-fill';
 import { IconProps } from '../../../../icons/utils/base';
+import { Mic } from '../../../../icons/voice';
 import { NativeHandlers } from '../../../../native';
 import { AudioRecorderManagerState } from '../../../../state-store/audio-recorder-manager';
 import { primitives } from '../../../../theme';
@@ -109,7 +109,7 @@ const DeleteRecording = ({
       size='sm'
       iconOnly
       onPress={onDeleteVoiceRecording}
-      LeadingIcon={Trash}
+      LeadingIcon={Delete}
     />
   );
 };

package/src/components/MessageInput/components/AudioRecorder/AudioRecordingButton.tsx

@@ -19,7 +19,7 @@ import { useTheme } from '../../../../contexts/themeContext/ThemeContext';
 import { useTranslationContext } from '../../../../contexts/translationContext/TranslationContext';
 import { useStableCallback } from '../../../../hooks';
 import { useStateStore } from '../../../../hooks/useStateStore';
-import { Mic } from '../../../../icons/Mic';
+import { Mic } from '../../../../icons/voice';
 import { NativeHandlers } from '../../../../native';
 import { AudioRecorderManagerState } from '../../../../state-store/audio-recorder-manager';
 import { primitives } from '../../../../theme';

package/src/components/MessageInput/components/AudioRecorder/AudioRecordingInProgress.tsx

@@ -9,7 +9,7 @@ import {
 } from '../../../../contexts/messageInputContext/MessageInputContext';
 import { useTheme } from '../../../../contexts/themeContext/ThemeContext';
 import { useStateStore } from '../../../../hooks/useStateStore';
-import { Mic } from '../../../../icons/Mic';
+import { Mic } from '../../../../icons/voice';
 import { AudioRecorderManagerState } from '../../../../state-store/audio-recorder-manager';
 import { primitives } from '../../../../theme';
 

package/src/components/MessageInput/components/AudioRecorder/AudioRecordingLockIndicator.tsx

@@ -4,9 +4,9 @@ import { StyleProp, StyleSheet, ViewStyle } from 'react-native';
 import Animated, { LinearTransition } from 'react-native-reanimated';
 
 import { useTheme } from '../../../../contexts/themeContext/ThemeContext';
-import { ChevronTop } from '../../../../icons/ChevronTop';
-import { Lock } from '../../../../icons/Lock';
-import { Unlock } from '../../../../icons/Unlock';
+import { ChevronTop } from '../../../../icons/chevron-down';
+import { Lock } from '../../../../icons/lock';
+import { Unlock } from '../../../../icons/unlock';
 import { AudioRecorderManagerState } from '../../../../state-store/audio-recorder-manager';
 import { primitives } from '../../../../theme';
 

package/src/components/MessageInput/components/AudioRecorder/AudioRecordingPreview.tsx

@@ -9,8 +9,8 @@ import { useStableCallback } from '../../../../hooks';
 import { useAudioPlayer } from '../../../../hooks/useAudioPlayer';
 import { useStateStore } from '../../../../hooks/useStateStore';
 
-import { Pause } from '../../../../icons/Pause';
-import { Play } from '../../../../icons/Play';
+import { Pause } from '../../../../icons/pause-fill';
+import { Play } from '../../../../icons/play-fill';
 import { AudioPlayerState } from '../../../../state-store/audio-player';
 import { AudioRecorderManagerState } from '../../../../state-store/audio-recorder-manager';
 import { primitives } from '../../../../theme';

package/src/components/MessageInput/components/InputButtons/AttachButton.tsx

@@ -10,7 +10,7 @@ import {
   useMessageInputContext,
 } from '../../../../contexts/messageInputContext/MessageInputContext';
 import { useStableCallback } from '../../../../hooks';
-import { Plus } from '../../../../icons/Plus';
+import { Plus } from '../../../../icons/plus';
 import { Button } from '../../../ui/';
 
 type AttachButtonPropsWithContext = Pick<MessageInputContextValue, 'handleAttachButtonPress'> &

package/src/components/MessageInput/components/LinkPreviewList.tsx

@@ -10,7 +10,7 @@ import { LinkPreviewsManager } from 'stream-chat';
 import { AttachmentRemoveControl } from './AttachmentPreview/AttachmentRemoveControl';
 
 import { useChatContext, useMessageComposer, useTheme } from '../../../contexts';
-import { Link } from '../../../icons/Link';
+import { Link } from '../../../icons/link';
 import { components, primitives } from '../../../theme';
 import { useLinkPreviews } from '../hooks/useLinkPreviews';
 

package/src/components/MessageInput/components/OutputButtons/EditButton.tsx

@@ -4,7 +4,7 @@ import {
   MessageInputContextValue,
   useMessageInputContext,
 } from '../../../../contexts/messageInputContext/MessageInputContext';
-import { Tick } from '../../../../icons/Tick';
+import { Tick } from '../../../../icons/checkmark';
 import { Button } from '../../../ui';
 
 export type EditButtonProps = Partial<Pick<MessageInputContextValue, 'sendMessage'>> & {

package/src/components/MessageInput/components/OutputButtons/SendButton.tsx

@@ -4,7 +4,7 @@ import {
   MessageInputContextValue,
   useMessageInputContext,
 } from '../../../../contexts/messageInputContext/MessageInputContext';
-import { SendRight } from '../../../../icons/SendRight';
+import { SendRight } from '../../../../icons/send';
 import { Button } from '../../../ui';
 
 export type SendButtonProps = Partial<Pick<MessageInputContextValue, 'sendMessage'>> & {

package/src/components/MessageInput/components/OutputButtons/index.tsx

@@ -90,7 +90,7 @@ export const OutputButtonsWithContext = (props: OutputButtonsWithContextProps) =
       <Animated.View
         entering={ZoomIn.duration(200)}
         exiting={ZoomOut.duration(200)}
-        key='cooldown-timer'
+        key='edit-button'
         style={editButtonContainer}
       >
         <EditButton disabled={messageComposer.compositionIsEmpty} />

package/src/components/MessageList/ScrollToBottomButton.tsx

@@ -4,7 +4,7 @@ import { StyleSheet, View } from 'react-native';
 import Animated, { ZoomIn, ZoomOut } from 'react-native-reanimated';
 
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
-import { Down } from '../../icons/Down';
+import { Down } from '../../icons/arrow-up';
 import { primitives } from '../../theme';
 import { BadgeNotification } from '../ui';
 import { Button } from '../ui/Button';

package/src/components/MessageList/UnreadMessagesNotification.tsx

@@ -8,8 +8,8 @@ import {
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
 import { useTranslationContext } from '../../contexts/translationContext/TranslationContext';
 import { useStateStore } from '../../hooks/useStateStore';
-import { ArrowUp } from '../../icons/ArrowUp';
-import { NewClose } from '../../icons/NewClose';
+import { ArrowUp } from '../../icons/arrow-up';
+import { NewClose } from '../../icons/xmark';
 import { ChannelUnreadStateStoreType } from '../../state-store/channel-unread-state';
 import { primitives } from '../../theme';
 import { Button } from '../ui';

package/src/components/MessageList/__tests__/__snapshots__/ScrollToBottomButton.test.js.snap

@@ -144,13 +144,23 @@ exports[`ScrollToBottomButton should render the message notification and match s
             strokeWidth={1.5}
           >
             <RNSVGPath
-              d="M15.2084 11.6667L10.0001 16.875L4.79175 11.6667M10.0001 16.25V3.125"
+              d="M10 16.875V3.125M10 3.125L4.375 8.75M10 3.125L15.625 8.75"
               fill={
                 {
                   "payload": 4278190080,
                   "type": 0,
                 }
               }
+              matrix={
+                [
+                  -1,
+                  1.2246467991473532e-16,
+                  -1.2246467991473532e-16,
+                  -1,
+                  20,
+                  20,
+                ]
+              }
               propList={
                 [
                   "stroke",

package/src/components/MessageMenu/MessageReactionPicker.tsx

@@ -15,7 +15,7 @@ import {
 import { useOwnCapabilitiesContext } from '../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext';
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
 import { useStableCallback } from '../../hooks';
-import { Plus } from '../../icons/Plus';
+import { Plus } from '../../icons/plus';
 import { NativeHandlers } from '../../native';
 import { scheduleActionOnClose } from '../../state-store';
 

package/src/components/MessageMenu/MessageUserReactions.tsx

@@ -23,7 +23,7 @@ import { useTheme } from '../../contexts/themeContext/ThemeContext';
 import { useTranslationContext } from '../../contexts/translationContext/TranslationContext';
 import { useStableCallback } from '../../hooks';
 import { IconProps } from '../../icons';
-import { MoreEmojis } from '../../icons/MoreEmojis';
+import { MoreEmojis } from '../../icons/emoji-add-1';
 import { primitives } from '../../theme';
 import { Reaction } from '../../types/types';
 import { ReactionData } from '../../utils/utils';

package/src/components/Poll/components/CreatePollHeader.tsx

@@ -4,7 +4,7 @@ import { StyleSheet, Text, View } from 'react-native';
 import { useTheme } from '../../../contexts/themeContext/ThemeContext';
 import { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';
 import { Check, IconProps } from '../../../icons';
-import { Cross } from '../../../icons/Cross';
+import { Cross } from '../../../icons/xmark-1';
 import { primitives } from '../../../theme';
 import { Button } from '../../ui';
 import { useCanCreatePoll } from '../hooks/useCanCreatePoll';

package/src/components/Poll/components/CreatePollOptions.tsx

@@ -19,9 +19,9 @@ import { PollComposerOption, PollComposerState } from 'stream-chat';
 import { useCreatePollContentContext, useTheme, useTranslationContext } from '../../../contexts';
 import { useMessageComposer } from '../../../contexts/messageInputContext/hooks/useMessageComposer';
 import { useStateStore } from '../../../hooks/useStateStore';
-import { CircleMinus } from '../../../icons/CircleMinus';
-import { DotGrid } from '../../../icons/DotGrid';
-import { InfoTooltip } from '../../../icons/InfoTooltip';
+import { InfoTooltip } from '../../../icons/info';
+import { CircleMinus } from '../../../icons/minus-circle';
+import { DotGrid } from '../../../icons/reorder';
 import { primitives } from '../../../theme';
 
 export type CurrentOptionPositionsCache = {

package/src/components/Poll/components/PollModalHeader.tsx

@@ -2,7 +2,7 @@ import React, { useMemo } from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 
 import { useTheme } from '../../../contexts';
-import { Cross } from '../../../icons/Cross';
+import { Cross } from '../../../icons/xmark-1';
 import { primitives } from '../../../theme';
 import { Button } from '../../ui';
 

package/src/components/Thread/__tests__/__snapshots__/Thread.test.js.snap

@@ -1929,7 +1929,7 @@ exports[`Thread should match thread snapshot 1`] = `
                             strokeWidth={1.5}
                           >
                             <RNSVGPath
-                              d="M10 3.125V10M10 10V16.875M10 10H3.125M10 10H16.875"
+                              d="M3.125 10H16.875M10 3.125V16.875"
                               fill={
                                 {
                                   "payload": 4278190080,
@@ -2252,7 +2252,6 @@ exports[`Thread should match thread snapshot 1`] = `
                               meetOrSlice={0}
                               minX={0}
                               minY={0}
-                              stroke="#a3acba"
                               strokeWidth={1.5}
                               style={
                                 [
@@ -2277,30 +2276,21 @@ exports[`Thread should match thread snapshot 1`] = `
                                 propList={
                                   [
                                     "fill",
-                                    "stroke",
                                     "strokeWidth",
                                   ]
                                 }
-                                stroke={
-                                  {
-                                    "payload": 4288916666,
-                                    "type": 0,
-                                  }
-                                }
                                 strokeWidth={1.5}
                               >
                                 <RNSVGPath
-                                  d="M4.99998 9.99996H7.70832M4.99998 9.99996L2.81076 4.05778C2.54973 3.34929 3.29006 2.68668 3.96538 3.02433L16.4259 9.25463C17.0402 9.56171 17.0402 10.4382 16.4259 10.7453L3.96538 16.9756C3.29006 17.3133 2.54973 16.6506 2.81076 15.9421L4.99998 9.99996Z"
-                                  fill={
-                                    {
-                                      "payload": 4278190080,
-                                      "type": 0,
-                                    }
-                                  }
+                                  d="M11.2498 10H6.24982M6.24982 10L3.7881 2.71328C3.74537 2.59349 3.7402 2.4635 3.7733 2.34069C3.80639 2.21788 3.87616 2.10808 3.9733 2.02597C4.07044 1.94386 4.19032 1.89335 4.31693 1.88117C4.44353 1.86899 4.57084 1.89573 4.68185 1.95781L17.8069 9.4461C17.9045 9.50015 17.986 9.57937 18.0427 9.67555C18.0994 9.77172 18.1293 9.88133 18.1293 9.99297C18.1293 10.1046 18.0994 10.2142 18.0427 10.3104C17.986 10.4066 17.9045 10.4858 17.8069 10.5398L4.68185 18.0469C4.57051 18.1096 4.4426 18.1367 4.31537 18.1245C4.18815 18.1123 4.06772 18.0614 3.97032 17.9787C3.87292 17.8959 3.80323 17.7853 3.77065 17.6617C3.73807 17.5381 3.74416 17.4075 3.7881 17.2875L6.24982 10Z"
+                                  fill={null}
                                   propList={
                                     [
+                                      "fill",
                                       "stroke",
                                       "strokeWidth",
+                                      "strokeLinecap",
+                                      "strokeLinejoin",
                                     ]
                                   }
                                   stroke={
@@ -2309,6 +2299,8 @@ exports[`Thread should match thread snapshot 1`] = `
                                       "type": 0,
                                     }
                                   }
+                                  strokeLinecap={1}
+                                  strokeLinejoin={1}
                                   strokeWidth={1.5}
                                 />
                               </RNSVGGroup>
@@ -2432,15 +2424,15 @@ exports[`Thread should match thread snapshot 1`] = `
           >
             <RNSVGSvgView
               align="xMidYMid"
-              bbHeight={14}
-              bbWidth={14}
-              fill="#1a1b25"
+              bbHeight={20}
+              bbWidth={20}
+              fill="none"
               focusable={false}
-              height={14}
+              height={20}
               meetOrSlice={0}
               minX={0}
               minY={0}
-              strokeWidth={0}
+              strokeWidth={1.5}
               style={
                 [
                   {
@@ -2449,45 +2441,50 @@ exports[`Thread should match thread snapshot 1`] = `
                   },
                   {
                     "flex": 0,
-                    "height": 14,
-                    "width": 14,
+                    "height": 20,
+                    "width": 20,
                   },
                 ]
               }
-              vbHeight={16}
-              vbWidth={16}
-              width={14}
+              vbHeight={20}
+              vbWidth={20}
+              width={20}
             >
               <RNSVGGroup
-                fill={
-                  {
-                    "payload": 4279900965,
-                    "type": 0,
-                  }
-                }
+                fill={null}
                 propList={
                   [
                     "fill",
                     "strokeWidth",
                   ]
                 }
-                strokeWidth={0}
+                strokeWidth={1.5}
               >
                 <RNSVGPath
-                  d="M5.47018 8.8035L6.00051 8.27317L6.00049 8.27316L5.47018 8.8035ZM3.11316 8.8035L2.58284 8.27316L2.58283 8.27317L3.11316 8.8035ZM11.1667 14.5L11.697 13.9697L6.00051 8.27317L5.47018 8.8035L4.93984 9.33383L10.6363 15.0303L11.1667 14.5ZM5.47018 8.8035L6.00049 8.27316C5.05674 7.32945 3.5266 7.32945 2.58284 8.27316L3.11316 8.8035L3.64347 9.33384C4.00145 8.97589 4.58188 8.97589 4.93986 9.33384L5.47018 8.8035ZM3.11316 8.8035L2.58283 8.27317L0.219669 10.6363L0.75 11.1667L1.28033 11.697L3.64349 9.33383L3.11316 8.8035ZM11.1667 14.5V15.25H12.8333V14.5V13.75H11.1667V14.5ZM12.8333 14.5V15.25C14.168 15.25 15.25 14.168 15.25 12.8333H14.5H13.75C13.75 13.3396 13.3396 13.75 12.8333 13.75V14.5ZM14.5 12.8333H15.25V2.41667H14.5H13.75V12.8333H14.5ZM14.5 2.41667H15.25C15.25 1.08199 14.1681 0 12.8333 0V0.75V1.5C13.3396 1.5 13.75 1.9104 13.75 2.41667H14.5ZM12.8333 0.75V0H2.41667V0.75V1.5H12.8333V0.75ZM2.41667 0.75V0C1.08198 0 0 1.08198 0 2.41667H0.75H1.5C1.5 1.91041 1.91041 1.5 2.41667 1.5V0.75ZM0.75 2.41667H0V11.1667H0.75H1.5V2.41667H0.75ZM11.1667 14.5V13.75H2.41667V14.5V15.25H11.1667V14.5ZM2.41667 14.5V13.75C1.9104 13.75 1.5 13.3396 1.5 12.8333H0.75H0C0 14.1681 1.08199 15.25 2.41667 15.25V14.5ZM0.75 12.8333H1.5V11.1667H0.75H0V12.8333H0.75ZM9.70833 7.20833V7.95833C11.043 7.95833 12.125 6.87638 12.125 5.54167H11.375H10.625C10.625 6.04795 10.2146 6.45833 9.70833 6.45833V7.20833ZM11.375 5.54167H12.125C12.125 4.20699 11.0431 3.125 9.70833 3.125V3.875V4.625C10.2146 4.625 10.625 5.0354 10.625 5.54167H11.375ZM9.70833 3.875V3.125C8.37361 3.125 7.29167 4.20699 7.29167 5.54167H8.04167H8.79167C8.79167 5.0354 9.20205 4.625 9.70833 4.625V3.875ZM8.04167 5.54167H7.29167C7.29167 6.87638 8.37362 7.95833 9.70833 7.95833V7.20833V6.45833C9.20205 6.45833 8.79167 6.04795 8.79167 5.54167H8.04167Z"
+                  d="M4.42891 16.875L12.9953 8.30781C13.0534 8.2497 13.1223 8.2036 13.1982 8.17215C13.274 8.1407 13.3554 8.12451 13.4375 8.12451C13.5196 8.12451 13.601 8.1407 13.6768 8.17215C13.7527 8.2036 13.8216 8.2497 13.8797 8.30781L16.875 11.3039M3.75 3.125H16.25C16.5952 3.125 16.875 3.40482 16.875 3.75V16.25C16.875 16.5952 16.5952 16.875 16.25 16.875H3.75C3.40482 16.875 3.125 16.5952 3.125 16.25V3.75C3.125 3.40482 3.40482 3.125 3.75 3.125ZM8.75 7.5C8.75 8.19036 8.19036 8.75 7.5 8.75C6.80964 8.75 6.25 8.19036 6.25 7.5C6.25 6.80964 6.80964 6.25 7.5 6.25C8.19036 6.25 8.75 6.80964 8.75 7.5Z"
                   fill={
                     {
-                      "payload": 4279900965,
+                      "payload": 4278190080,
                       "type": 0,
                     }
                   }
                   propList={
                     [
-                      "fill",
+                      "stroke",
                       "strokeWidth",
+                      "strokeLinecap",
+                      "strokeLinejoin",
                     ]
                   }
-                  strokeWidth={0}
+                  stroke={
+                    {
+                      "payload": 4279900965,
+                      "type": 0,
+                    }
+                  }
+                  strokeLinecap={1}
+                  strokeLinejoin={1}
+                  strokeWidth={1.5}
                 />
               </RNSVGGroup>
             </RNSVGSvgView>
@@ -2566,11 +2563,11 @@ exports[`Thread should match thread snapshot 1`] = `
           >
             <RNSVGSvgView
               align="xMidYMid"
-              bbHeight={14}
-              bbWidth={14}
+              bbHeight={20}
+              bbWidth={20}
               fill="none"
               focusable={false}
-              height={14}
+              height={20}
               meetOrSlice={0}
               minX={0}
               minY={0}
@@ -2585,14 +2582,14 @@ exports[`Thread should match thread snapshot 1`] = `
                   },
                   {
                     "flex": 0,
-                    "height": 14,
-                    "width": 14,
+                    "height": 20,
+                    "width": 20,
                   },
                 ]
               }
-              vbHeight={16}
-              vbWidth={17}
-              width={14}
+              vbHeight={20}
+              vbWidth={20}
+              width={20}
             >
               <RNSVGGroup
                 fill={null}
@@ -2614,7 +2611,7 @@ exports[`Thread should match thread snapshot 1`] = `
                 strokeWidth={1.5}
               >
                 <RNSVGPath
-                  d="M2.41667 3.25H3.81636C4.37362 3.25 4.894 2.9715 5.20311 2.50783L5.88022 1.49217C6.18933 1.0285 6.70972 0.75 7.267 0.75H9.64967C10.2069 0.75 10.7273 1.0285 11.0364 1.49217L11.7136 2.50783C12.0227 2.9715 12.5431 3.25 13.1003 3.25H14.5C15.4205 3.25 16.1667 3.99619 16.1667 4.91667V12.8333C16.1667 13.7538 15.4205 14.5 14.5 14.5H2.41667C1.49619 14.5 0.75 13.7538 0.75 12.8333V4.91667C0.75 3.99619 1.49619 3.25 2.41667 3.25Z"
+                  d="M16.25 16.25H3.75C3.41848 16.25 3.10054 16.1183 2.86612 15.8839C2.6317 15.6495 2.5 15.3315 2.5 15V6.25C2.5 5.91848 2.6317 5.60054 2.86612 5.36612C3.10054 5.1317 3.41848 5 3.75 5H6.25L7.5 3.125H12.5L13.75 5H16.25C16.5815 5 16.8995 5.1317 17.1339 5.36612C17.3683 5.60054 17.5 5.91848 17.5 6.25V15C17.5 15.3315 17.3683 15.6495 17.1339 15.8839C16.8995 16.1183 16.5815 16.25 16.25 16.25Z"
                   fill={
                     {
                       "payload": 4278190080,
@@ -2636,7 +2633,7 @@ exports[`Thread should match thread snapshot 1`] = `
                   strokeWidth={1.5}
                 />
                 <RNSVGPath
-                  d="M11.1667 8.45833C11.1667 9.95408 9.95408 11.1667 8.45833 11.1667C6.96258 11.1667 5.75 9.95408 5.75 8.45833C5.75 6.96258 6.96258 5.75 8.45833 5.75C9.95408 5.75 11.1667 6.96258 11.1667 8.45833Z"
+                  d="M10 13.125C11.5533 13.125 12.8125 11.8658 12.8125 10.3125C12.8125 8.7592 11.5533 7.5 10 7.5C8.4467 7.5 7.1875 8.7592 7.1875 10.3125C7.1875 11.8658 8.4467 13.125 10 13.125Z"
                   fill={
                     {
                       "payload": 4278190080,
@@ -2734,15 +2731,14 @@ exports[`Thread should match thread snapshot 1`] = `
           >
             <RNSVGSvgView
               align="xMidYMid"
-              bbHeight={14}
-              bbWidth={14}
+              bbHeight={20}
+              bbWidth={20}
               fill="none"
               focusable={false}
-              height={14}
+              height={20}
               meetOrSlice={0}
               minX={0}
               minY={0}
-              stroke="#1a1b25"
               strokeWidth={1.5}
               style={
                 [
@@ -2752,44 +2748,34 @@ exports[`Thread should match thread snapshot 1`] = `
                   },
                   {
                     "flex": 0,
-                    "height": 14,
-                    "width": 14,
+                    "height": 20,
+                    "width": 20,
                   },
                 ]
               }
-              vbHeight={17}
-              vbWidth={14}
-              width={14}
+              vbHeight={20}
+              vbWidth={20}
+              width={20}
             >
               <RNSVGGroup
                 fill={null}
                 propList={
                   [
                     "fill",
-                    "stroke",
                     "strokeWidth",
                   ]
                 }
-                stroke={
-                  {
-                    "payload": 4279900965,
-                    "type": 0,
-                  }
-                }
                 strokeWidth={1.5}
               >
                 <RNSVGPath
-                  d="M7.41667 1.16667V4.5C7.41667 5.42047 8.16283 6.16667 9.08333 6.16667H12.4167M6.72633 0.75H2.41667C1.49619 0.75 0.75 1.49619 0.75 2.41667V14.5C0.75 15.4205 1.49619 16.1667 2.41667 16.1667H11.1667C12.0872 16.1667 12.8333 15.4205 12.8333 14.5V6.857C12.8333 6.41499 12.6578 5.99108 12.3452 5.67851L7.90483 1.23816C7.59225 0.925592 7.16833 0.75 6.72633 0.75Z"
-                  fill={
-                    {
-                      "payload": 4278190080,
-                      "type": 0,
-                    }
-                  }
+                  d="M11.875 2.5H4.375C4.20924 2.5 4.05027 2.56585 3.93306 2.68306C3.81585 2.80027 3.75 2.95924 3.75 3.125V16.875C3.75 17.0408 3.81585 17.1997 3.93306 17.3169C4.05027 17.4342 4.20924 17.5 4.375 17.5H15.625C15.7908 17.5 15.9497 17.4342 16.0669 17.3169C16.1842 17.1997 16.25 17.0408 16.25 16.875V6.875M11.875 2.5L16.25 6.875M11.875 2.5V6.875H16.25"
+                  fill={null}
                   propList={
                     [
+                      "fill",
                       "stroke",
                       "strokeWidth",
+                      "strokeLinecap",
                       "strokeLinejoin",
                     ]
                   }
@@ -2799,8 +2785,9 @@ exports[`Thread should match thread snapshot 1`] = `
                       "type": 0,
                     }
                   }
+                  strokeLinecap={1}
                   strokeLinejoin={1}
-                  strokeWidth={1.5}
+                  strokeWidth={1.2}
                 />
               </RNSVGGroup>
             </RNSVGSvgView>
@@ -2879,11 +2866,11 @@ exports[`Thread should match thread snapshot 1`] = `
           >
             <RNSVGSvgView
               align="xMidYMid"
-              bbHeight={14}
-              bbWidth={14}
+              bbHeight={20}
+              bbWidth={20}
               fill="none"
               focusable={false}
-              height={14}
+              height={20}
               meetOrSlice={0}
               minX={0}
               minY={0}
@@ -2897,14 +2884,14 @@ exports[`Thread should match thread snapshot 1`] = `
                   },
                   {
                     "flex": 0,
-                    "height": 14,
-                    "width": 14,
+                    "height": 20,
+                    "width": 20,
                   },
                 ]
               }
-              vbHeight={16}
-              vbWidth={16}
-              width={14}
+              vbHeight={20}
+              vbWidth={20}
+              width={20}
             >
               <RNSVGGroup
                 fill={null}
@@ -2924,7 +2911,7 @@ exports[`Thread should match thread snapshot 1`] = `
                 strokeWidth={1.5}
               >
                 <RNSVGPath
-                  d="M5.75 11.5833L9.5 3.66667M2.41667 0.75H12.8333C13.7538 0.75 14.5 1.49619 14.5 2.41667V12.8333C14.5 13.7538 13.7538 14.5 12.8333 14.5H2.41667C1.49619 14.5 0.75 13.7538 0.75 12.8333V2.41667C0.75 1.49619 1.49619 0.75 2.41667 0.75Z"
+                  d="M6.25 7.5L9.375 10L6.25 12.5M10.625 12.5H13.75M3.125 3.75H16.875C17.2202 3.75 17.5 4.02982 17.5 4.375V15.625C17.5 15.9702 17.2202 16.25 16.875 16.25H3.125C2.77982 16.25 2.5 15.9702 2.5 15.625V4.375C2.5 4.02982 2.77982 3.75 3.125 3.75Z"
                   fill={
                     {
                       "payload": 4278190080,

package/src/components/ThreadList/ThreadListUnreadBanner.tsx

@@ -6,7 +6,7 @@ import { ThreadManagerState } from 'stream-chat';
 import { useChatContext, useTheme, useTranslationContext } from '../../contexts';
 import { useStateStore } from '../../hooks';
 import { Loading, Reload } from '../../icons';
-import { ExclamationCircle } from '../../icons/ExclamationCircle';
+import { ExclamationCircle } from '../../icons/exclamation-circle-fill';
 import { primitives } from '../../theme';
 
 const selector = (nextValue: ThreadManagerState) =>