stream-chat-react-native-core 8.13.7 → 9.0.0-beta.2

package/src/icons/Down.tsx

@@ -1,12 +1,17 @@
 import React from 'react';
 
-import { IconProps, RootPath, RootSvg } from './utils/base';
+import { Path, Svg } from 'react-native-svg';
 
-export const Down = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
-      d='M5.305 8.306a1.046 1.046 0 000 1.478l5.904 5.91c.228.228.536.33.834.302.27 0 .539-.101.744-.306l5.907-5.907a1.044 1.044 0 10-1.477-1.477l-5.22 5.22-5.216-5.22a1.043 1.043 0 00-1.476 0z'
-      {...props}
+import { IconProps } from './utils/base';
+
+export const Down = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height} viewBox={`0 0 20 20`} width={width} {...rest}>
+    <Path
+      d='M15.2084 11.6667L10.0001 16.875L4.79175 11.6667M10.0001 16.25V3.125'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={1.5}
+      {...rest}
     />
-  </RootSvg>
+  </Svg>
 );

package/src/icons/Edit.tsx

@@ -1,12 +1,23 @@
 import React from 'react';
 
-import { IconProps, RootPath, RootSvg } from './utils/base';
+import Svg, { Path } from 'react-native-svg';
 
-export const Edit = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
-      d='M21 21H3v-4.243L16.435 3.322a1 1 0 011.414 0l2.829 2.829a1 1 0 010 1.414L9.243 19H21v2zM5 19h1.414l9.314-9.314-1.414-1.414L5 17.586V19zM18.556 6.858l-1.414 1.414-1.414-1.414 1.414-1.414 1.414 1.414z'
-      {...props}
+import { IconProps } from './utils/base';
+
+export const Edit = ({ height, width, ...rest }: IconProps) => (
+  <Svg width={width} height={height} viewBox='0 0 20 20' fill='none'>
+    <Path
+      d='M9.375 3.75C9.72017 3.75 10 3.47018 10 3.125C10 2.77983 9.72017 2.5 9.375 2.5V3.75ZM17.5 10.625V10H16.25V10.625H17.5ZM14.2083 16.25H5.79167V17.5H14.2083V16.25ZM3.75 14.2083V5.79167H2.5V14.2083H3.75ZM5.79167 3.75H9.375V2.5H5.79167V3.75ZM16.25 10.625V14.2083H17.5V10.625H16.25ZM5.79167 16.25C5.31464 16.25 4.99447 16.2495 4.7479 16.2293C4.50863 16.2098 4.39423 16.1749 4.31876 16.1365L3.75128 17.2503C4.03233 17.3934 4.32954 17.4493 4.64611 17.4753C4.95538 17.5005 5.33527 17.5 5.79167 17.5V16.25ZM2.5 14.2083C2.5 14.6648 2.49952 15.0446 2.52478 15.3539C2.55065 15.6705 2.60658 15.9677 2.74978 16.2488L3.86353 15.6813C3.82508 15.6058 3.79018 15.4913 3.77063 15.2521C3.75048 15.0055 3.75 14.6853 3.75 14.2083H2.5ZM4.31876 16.1365C4.12276 16.0366 3.9634 15.8773 3.86353 15.6813L2.74978 16.2488C2.96948 16.6799 3.32007 17.0305 3.75128 17.2503L4.31876 16.1365ZM14.2083 17.5C14.6648 17.5 15.0446 17.5005 15.3539 17.4753C15.6705 17.4493 15.9677 17.3934 16.2488 17.2503L15.6813 16.1365C15.6058 16.1749 15.4913 16.2098 15.2521 16.2293C15.0055 16.2495 14.6853 16.25 14.2083 16.25V17.5ZM16.25 14.2083C16.25 14.6853 16.2495 15.0055 16.2293 15.2521C16.2098 15.4913 16.1749 15.6058 16.1365 15.6813L17.2503 16.2488C17.3934 15.9677 17.4493 15.6705 17.4753 15.3539C17.5005 15.0446 17.5 14.6648 17.5 14.2083H16.25ZM16.2488 17.2503C16.6799 17.0305 17.0305 16.6799 17.2503 16.2488L16.1365 15.6813C16.0366 15.8773 15.8773 16.0366 15.6813 16.1365L16.2488 17.2503ZM3.75 5.79167C3.75 5.31464 3.75048 4.99447 3.77063 4.7479C3.79018 4.50863 3.82508 4.39423 3.86353 4.31876L2.74978 3.75128C2.60658 4.03233 2.55065 4.32954 2.52478 4.64611C2.49952 4.95538 2.5 5.33527 2.5 5.79167H3.75ZM5.79167 2.5C5.33527 2.5 4.95538 2.49952 4.64611 2.52478C4.32954 2.55065 4.03233 2.60658 3.75128 2.74978L4.31876 3.86353C4.39423 3.82508 4.50863 3.79018 4.7479 3.77063C4.99447 3.75048 5.31464 3.75 5.79167 3.75V2.5ZM3.86353 4.31876C3.9634 4.12276 4.12276 3.9634 4.31876 3.86353L3.75128 2.74978C3.32007 2.96948 2.96948 3.32007 2.74978 3.75128L3.86353 4.31876Z'
+      {...rest}
+      fill={rest.fill ?? rest.stroke}
+      stroke={undefined}
+    />
+    <Path
+      d='M7.29199 12.7082V10.5535C7.29199 10.3324 7.37979 10.1205 7.53607 9.96412L14.6552 2.84509C15.306 2.19421 16.3613 2.19421 17.0122 2.84509L17.1552 2.98806C17.806 3.63894 17.806 4.69421 17.1552 5.34509L10.0361 12.4642C9.87983 12.6205 9.66783 12.7082 9.44683 12.7082H7.29199Z'
+      strokeWidth={1.2}
+      strokeLinecap='square'
+      strokeLinejoin='round'
+      {...rest}
     />
-  </RootSvg>
+  </Svg>
 );

package/src/icons/ErrorCircle.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const ErrorCircle = ({ height, width, ...rest }: IconProps) => (
+  <Svg height={height} viewBox={`0 0 20 20`} width={width} {...rest}>
+    <Path
+      clipRule='evenodd'
+      d='M9.99984 1.66675C14.6022 1.66675 18.3332 5.39771 18.3332 10.0001C18.3332 14.6024 14.6022 18.3334 9.99984 18.3334C5.39746 18.3334 1.6665 14.6024 1.6665 10.0001C1.6665 5.39771 5.39746 1.66675 9.99984 1.66675ZM9.99984 12.0834C9.53959 12.0834 9.1665 12.4565 9.1665 12.9167C9.1666 13.3768 9.53964 13.7501 9.99984 13.7501C10.46 13.7501 10.8331 13.3768 10.8332 12.9167C10.8332 12.4565 10.4601 12.0834 9.99984 12.0834ZM9.99984 6.66675C9.65467 6.66675 9.37484 6.94656 9.37484 7.29175V10.6251C9.37493 10.9702 9.65473 11.2501 9.99984 11.2501C10.3449 11.2501 10.6247 10.9702 10.6248 10.6251V7.29175C10.6248 6.94656 10.345 6.66675 9.99984 6.66675Z'
+      fillRule='evenodd'
+      {...rest}
+    />
+  </Svg>
+);

package/src/icons/Exclamation.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Exclamation = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height} viewBox={`0 0 ${width} ${height}`} width={width} {...rest}>
+    <Path
+      d='M0 9C0 8.33724 0.53724 7.8 1.2 7.8C1.86276 7.8 2.4 8.33724 2.4 9C2.39987 9.66253 1.86268 10.2 1.2 10.2C0.537322 10.2 0.000132352 9.66253 0 9Z'
+      {...rest}
+    />
+    <Path
+      d='M0.3 0.9C0.3 0.402936 0.70296 0 1.2 0C1.69704 0 2.1 0.402936 2.1 0.9V5.7C2.09987 6.19693 1.69696 6.6 1.2 6.6C0.703041 6.6 0.300133 6.19693 0.3 5.7V0.9Z'
+      {...rest}
+    />
+  </Svg>
+);

package/src/icons/ExclamationCircle.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const ExclamationCircle = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height} viewBox={'0 0 16 16'} width={width} {...rest}>
+    <Path
+      d='M8.00001 1.33325C11.6819 1.33325 14.6667 4.31802 14.6667 7.99992C14.6667 11.6818 11.6819 14.6666 8.00001 14.6666C4.31811 14.6666 1.33334 11.6818 1.33334 7.99992C1.33334 4.31802 4.31811 1.33325 8.00001 1.33325ZM8.00001 9.66658C7.63181 9.66658 7.33334 9.96505 7.33334 10.3333C7.33342 10.7013 7.63186 10.9999 8.00001 10.9999C8.36816 10.9999 8.6666 10.7013 8.66668 10.3333C8.66668 9.96505 8.36821 9.66658 8.00001 9.66658ZM8.00001 5.33325C7.72388 5.33325 7.50001 5.55711 7.50001 5.83325V8.49992C7.50008 8.77599 7.72392 8.99992 8.00001 8.99992C8.2761 8.99992 8.49994 8.77599 8.50001 8.49992V5.83325C8.50001 5.55711 8.27614 5.33325 8.00001 5.33325Z'
+      fillRule='evenodd'
+      clipRule='evenodd'
+      {...rest}
+    />
+  </Svg>
+);

package/src/icons/EyeOpen.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const EyeOpen = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height} viewBox={'0 0 16 16'} width={width} {...rest}>
+    <Path
+      d='M8 2.66699C10.5861 2.66701 13.1053 4.21304 14.7876 7.16533C15.0826 7.68299 15.0826 8.31766 14.7876 8.83539C13.1053 11.7877 10.5861 13.3337 8 13.3336C5.41395 13.3336 2.89477 11.7876 1.21246 8.83526C0.917461 8.31759 0.917461 7.68293 1.21246 7.16526C2.89477 4.21297 5.41395 2.66697 8 2.66699ZM5.58335 8.00033C5.58335 6.66564 6.66533 5.58366 8 5.58366C9.33473 5.58366 10.4167 6.66564 10.4167 8.00033C10.4167 9.33499 9.33473 10.417 8 10.417C6.66533 10.417 5.58335 9.33499 5.58335 8.00033Z'
+      fillRule='evenodd'
+      clipRule='evenodd'
+      {...rest}
+    />
+  </Svg>
+);

package/src/icons/File.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const File = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height} viewBox={`0 0 12 12`} width={width} {...rest}>
+    <Path
+      d='M6.375 1.625V3.625C6.375 4.17729 6.8227 4.625 7.375 4.625H9.375M5.9608 1.375H3.375C2.82271 1.375 2.375 1.82271 2.375 2.375V9.625C2.375 10.1773 2.82271 10.625 3.375 10.625H8.625C9.1773 10.625 9.625 10.1773 9.625 9.625V5.0392C9.625 4.77399 9.51965 4.51965 9.3321 4.33211L6.6679 1.66789C6.48035 1.48035 6.226 1.375 5.9608 1.375Z'
+      strokeLinejoin='round'
+      strokeWidth={1.2}
+      {...rest}
+    />
+  </Svg>
+);

package/src/icons/FilePickerIcon.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const FilePickerIcon = (props: IconProps) => (
+  <Svg fill='none' viewBox='0 0 14 17' strokeWidth={1.5} {...props}>
+    <Path
+      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'
+      strokeWidth={1.5}
+      strokeLinejoin='round'
+      {...props}
+    />
+  </Svg>
+);

package/src/icons/Flag.tsx

@@ -1,12 +1,17 @@
 import React from 'react';
 
-import { IconProps, RootPath, RootSvg } from './utils/base';
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
 
 export const Flag = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
-      d='M7.833 14.917v2.916H6.667V6.75H17.83a.292.292 0 01.253.436L16 10.833l2.084 3.647a.291.291 0 01-.253.437H7.833zm0-7v5.833h8.49l-1.667-2.917 1.667-2.916h-8.49z'
+  <Svg viewBox='0 0 20 20' fill='none' {...props}>
+    <Path
+      d='M3.9585 12.5697V3.66616C3.9585 3.34908 4.13787 3.05423 4.43262 2.93733C8.15655 1.46041 11.1564 4.48816 14.7842 3.60906C15.3846 3.46357 16.0418 3.87178 16.0418 4.48952V12.0519C16.0418 12.369 15.8625 12.6638 15.5677 12.7807C11.4224 14.4247 8.17433 10.487 3.9585 12.5697ZM3.9585 12.5697V17.7086'
+      strokeWidth={1.5}
+      strokeLinecap='round'
+      strokeLinejoin='round'
       {...props}
     />
-  </RootSvg>
+  </Svg>
 );

package/src/icons/Giphy.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Giphy = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height} viewBox={'0 0 24 24'} width={width} {...rest}>
+    <Path
+      fill-rule='evenodd'
+      clip-rule='evenodd'
+      d='M5.00523 2.7432H18.996V21.2568H5.00403L5.00523 2.7432Z'
+      fill='black'
+    />
+    <Path d='M2.20801 2.0568H5.00521V21.9432H2.20801V2.0568Z' fill='#04FF8E' />
+    <Path d='M18.9948 7.5432H21.792V21.9432H18.9948V7.5432Z' fill='#8E2EFF' />
+    <Path d='M2.20801 21.2568H21.792V24H2.20801V21.2568Z' fill='#00C5FF' />
+    <Path d='M2.20801 0H13.3992V2.7432H2.20801V0Z' fill='#FFF152' />
+    <Path d='M18.9948 5.4852V2.7432H16.1964V0H13.3992V8.2284H21.792V5.4852' fill='#FF5B5B' />
+    <Path d='M18.9948 10.9716V8.2284H21.792' fill='#551C99' />
+    <Path fillRule='evenodd' clipRule='evenodd' d='M13.3992 0V2.7432H10.6008' fill='#999131' />
+  </Svg>
+);

package/src/icons/GiphyIcon.tsx

@@ -1,18 +1,23 @@
 import React from 'react';
 
-import { IconProps, RootPath, RootSvg } from './utils/base';
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
 
 export const GiphyIcon = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
-      d='M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12z'
-      pathFill='#000000'
-      {...props}
+  <Svg viewBox='0 0 20 20' fill='none' {...props}>
+    <Path
+      d='M15.0801 3.03613V16.9639H4.91992L4.9209 3.03613H15.0801Z'
+      fill='black'
+      stroke='#414552'
+      strokeWidth={1.5}
     />
-    <RootPath d='M7 7H8V17H7z' pathFill='#00FF99' {...props} />
-    <RootPath d='M16 10H17V18H16z' pathFill='#9D34FF' {...props} />
-    <RootPath d='M7 6H14V7H7z' pathFill='#FFFF9C' {...props} />
-    <RootPath d='M7 17H16V18H7z' pathFill='#00CCFF' {...props} />
-    <RootPath d='M14 6h1v1.5h1V9h1v1h-3V6z' pathFill='#FF6666' {...props} />
-  </RootSvg>
+    <Path d='M1.83984 1.71387H4.17084V18.2859H1.83984V1.71387Z' fill='#04FF8E' />
+    <Path d='M15.8291 6.28613H18.1601V18.2861H15.8291V6.28613Z' fill='#8E2EFF' />
+    <Path d='M1.83984 17.7139H18.1598V19.9999H1.83984V17.7139Z' fill='#00C5FF' />
+    <Path d='M1.83984 0H11.1658V2.286H1.83984V0Z' fill='#FFF152' />
+    <Path d='M15.829 4.571V2.286H13.497V0H11.166V6.857H18.16V4.571' fill='#FF5B5B' />
+    <Path d='M15.8291 9.14342V6.85742H18.1601' fill='#551C99' />
+    <Path fillRule='evenodd' clipRule='evenodd' d='M11.166 0V2.286H8.83398' fill='#999131' />
+  </Svg>
 );

package/src/icons/GroupIcon.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const GroupIcon = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height} viewBox={`0 0 20 20`} width={width} {...rest}>
+    <Path
+      d='M3.12614 15.2082H2.08433C1.16386 15.2082 0.391966 14.4219 0.822282 13.6083C1.39886 12.5179 2.52383 11.7159 3.75114 11.51M16.875 15.2082H17.9167C18.8372 15.2082 19.609 14.4219 19.1788 13.6082C18.6023 12.5179 17.4773 11.7159 16.25 11.51M12.0833 5.83333C12.0833 6.98393 11.1506 7.91667 10 7.91667C8.84941 7.91667 7.91667 6.98393 7.91667 5.83333C7.91667 4.68274 8.84941 3.75 10 3.75C11.1506 3.75 12.0833 4.68274 12.0833 5.83333ZM5.41667 7.5C5.41667 8.42047 4.67048 9.16667 3.75001 9.16667C2.82953 9.16667 2.08334 8.42047 2.08334 7.5C2.08334 6.57953 2.82953 5.83333 3.75001 5.83333C4.67048 5.83333 5.41667 6.57953 5.41667 7.5ZM17.9167 7.5C17.9167 8.42047 17.1705 9.16667 16.25 9.16667C15.3295 9.16667 14.5833 8.42047 14.5833 7.5C14.5833 6.57953 15.3295 5.83333 16.25 5.83333C17.1705 5.83333 17.9167 6.57953 17.9167 7.5ZM7.08334 16.0417H12.9167C13.7221 16.0417 14.375 15.3888 14.375 14.5833C14.375 12.1671 12.4163 10.2083 10 10.2083C7.58376 10.2083 5.62501 12.1671 5.62501 14.5833C5.62501 15.3888 6.27792 16.0417 7.08334 16.0417Z'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={1.5}
+      {...rest}
+    />
+  </Svg>
+);

package/src/icons/ImageGrid.tsx

@@ -0,0 +1,38 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const ImageGrid = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height} viewBox={'0 0 16 16'} width={width} {...rest}>
+    <Path
+      d='M2.5 4.63333C2.5 3.8866 2.5 3.51323 2.64533 3.22801C2.77315 2.97713 2.97713 2.77315 3.22801 2.64533C3.51323 2.5 3.8866 2.5 4.63333 2.5H6.83333V6.83333H2.5V4.63333Z'
+      strokeLinejoin='round'
+      strokeLinecap='round'
+      strokeWidth={1.2}
+      {...rest}
+    />
+    <Path
+      d='M9.16667 2.5H11.3667C12.1134 2.5 12.4868 2.5 12.772 2.64533C13.0229 2.77315 13.2269 2.97713 13.3547 3.22801C13.5 3.51323 13.5 3.8866 13.5 4.63333V6.83333H9.16667V2.5Z'
+      strokeLinejoin='round'
+      strokeLinecap='round'
+      strokeWidth={1.2}
+      {...rest}
+    />
+    <Path
+      d='M2.5 9.16667H6.83333V13.5H4.63333C3.8866 13.5 3.51323 13.5 3.22801 13.3547C2.97713 13.2269 2.77315 13.0229 2.64533 12.772C2.5 12.4868 2.5 12.1134 2.5 11.3667V9.16667Z'
+      strokeLinejoin='round'
+      strokeLinecap='round'
+      strokeWidth={1.2}
+      {...rest}
+    />
+    <Path
+      d='M9.16667 9.16667H13.5V11.3667C13.5 12.1134 13.5 12.4868 13.3547 12.772C13.2269 13.0229 13.0229 13.2269 12.772 13.3547C12.4868 13.5 12.1134 13.5 11.3667 13.5H9.16667V9.16667Z'
+      strokeLinejoin='round'
+      strokeLinecap='round'
+      strokeWidth={1.2}
+      {...rest}
+    />
+  </Svg>
+);

package/src/icons/Imgur.tsx

@@ -1,26 +1,19 @@
 import React from 'react';
-import { Circle } from 'react-native-svg';
 
-import { IconProps, RootPath, RootSvg } from './utils/base';
+import { Path, Rect, Svg } from 'react-native-svg';
 
-export const Imgur = (props: IconProps) => (
-  <RootSvg {...props}>
-    <Circle
-      cx={props.width ? props.width / 2 : 12}
-      cy={props.height ? props.height / 2 : 12}
-      fill='#08142D'
-      r={props.height ? props.height / 2 : 12}
-      {...props}
-    />
-    <RootPath
-      d='M12.935 17.053c0 .662-.11 1.153-.33 1.47-.221.318-.56.477-1.019.477-.463 0-.808-.16-1.035-.48-.226-.32-.339-.81-.339-1.467v-5.378c0-.657.112-1.144.335-1.462.223-.318.57-.477 1.04-.477.457 0 .797.159 1.018.477.22.318.33.805.33 1.462v5.378z'
-      pathFill='#FFFFFF'
-      {...props}
+import { IconProps } from './utils/base';
+
+export const Imgur = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height} viewBox={'0 0 24 24'} width={width} {...rest}>
+    <Rect width={24} height={24} rx={12} fill='black' />
+    <Path
+      d='M13.3607 17.0527C13.3607 17.7155 13.2502 18.2059 13.0295 18.5235C12.8091 18.8411 12.4698 19 12.0116 19C11.5479 19 11.203 18.8395 10.9767 18.5195C10.7504 18.1991 10.6374 17.7102 10.6374 17.0527V11.6752C10.6374 11.0178 10.7491 10.5307 10.9726 10.2128C11.1958 9.89495 11.542 9.73633 12.0116 9.73633C12.4698 9.73633 12.8091 9.89495 13.0298 10.2128C13.2505 10.5307 13.3607 11.0178 13.3607 11.6752V17.0527Z'
+      fill='white'
     />
-    <RootPath
-      d='M10 6.55c0-.426.155-.79.466-1.094A1.545 1.545 0 0111.586 5c.43 0 .798.152 1.103.456.306.304.458.668.458 1.093 0 .431-.151.796-.454 1.094a1.518 1.518 0 01-1.107.447c-.446 0-.822-.149-1.128-.447A1.471 1.471 0 0110 6.55z'
-      pathFill='#5BBF8C'
-      {...props}
+    <Path
+      d='M10.4265 6.54932C10.4265 6.12404 10.5817 5.75961 10.8927 5.4557C11.2038 5.1518 11.5772 5 12.0127 5C12.4423 5 12.8105 5.15211 13.1153 5.4557C13.4211 5.75961 13.5735 6.12404 13.5735 6.54932C13.5735 6.98019 13.422 7.34494 13.1197 7.64326C12.817 7.94126 12.4482 8.09027 12.0127 8.09027C11.566 8.09027 11.1901 7.94126 10.8846 7.64326C10.5792 7.34463 10.4265 6.98019 10.4265 6.54932Z'
+      fill='#5BBF8C'
     />
-  </RootSvg>
+  </Svg>
 );

package/src/icons/InfoTooltip.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const InfoTooltip = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height} viewBox={'0 0 20 20'} width={width} {...rest}>
+    <Path
+      d='M8.95833 8.56666C8.62696 8.56666 8.35833 8.83529 8.35833 9.16666C8.35833 9.49803 8.62696 9.76666 8.95833 9.76666V9.16666V8.56666ZM10 9.16666H10.6C10.6 8.83529 10.3314 8.56666 10 8.56666V9.16666ZM9.4 13.5417C9.4 13.873 9.66863 14.1417 10 14.1417C10.3314 14.1417 10.6 13.873 10.6 13.5417H10H9.4ZM8.95833 9.16666V9.76666H10V9.16666V8.56666H8.95833V9.16666ZM10 9.16666H9.4V13.5417H10H10.6V9.16666H10ZM17.7083 9.99999H17.1083C17.1083 13.9258 13.9258 17.1083 10 17.1083V17.7083V18.3083C14.5885 18.3083 18.3083 14.5885 18.3083 9.99999H17.7083ZM10 17.7083V17.1083C6.07418 17.1083 2.89167 13.9258 2.89167 9.99999H2.29167H1.69167C1.69167 14.5885 5.41144 18.3083 10 18.3083V17.7083ZM2.29167 9.99999H2.89167C2.89167 6.07417 6.07418 2.89166 10 2.89166V2.29166V1.69166C5.41144 1.69166 1.69167 5.41143 1.69167 9.99999H2.29167ZM10 2.29166V2.89166C13.9258 2.89166 17.1083 6.07417 17.1083 9.99999H17.7083H18.3083C18.3083 5.41143 14.5885 1.69166 10 1.69166V2.29166ZM9.89583 6.14583V5.54583C9.27679 5.54583 8.775 6.04765 8.775 6.66666H9.375H9.975C9.975 6.71037 9.93955 6.74583 9.89583 6.74583V6.14583ZM9.375 6.66666H8.775C8.775 7.28567 9.27679 7.7875 9.89583 7.7875V7.1875V6.5875C9.93955 6.5875 9.975 6.62295 9.975 6.66666H9.375ZM9.89583 7.1875V7.7875C10.5149 7.7875 11.0167 7.28567 11.0167 6.66666H10.4167H9.81667C9.81667 6.62295 9.85212 6.5875 9.89583 6.5875V7.1875ZM10.4167 6.66666H11.0167C11.0167 6.04765 10.5149 5.54583 9.89583 5.54583V6.14583V6.74583C9.85212 6.74583 9.81667 6.71037 9.81667 6.66666H10.4167Z'
+      {...rest}
+    />
+  </Svg>
+);

package/src/icons/Lightning.tsx

@@ -1,17 +1,13 @@
 import React from 'react';
 
-import Svg, { Path } from 'react-native-svg';
+import { Path, Svg } from 'react-native-svg';
 
 import { IconProps } from './utils/base';
 
-type Props = IconProps & {
-  size: number;
-};
-
-export const Lightning = ({ size = 32, ...rest }: Props) => (
-  <Svg height={size} viewBox={`0 0 ${size} ${size}`} width={size} {...rest}>
+export const Lightning = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height} viewBox={'0 0 12 12'} width={width} {...rest}>
     <Path
-      d='M14.8522 28H13.5188L14.8522 18.6667H10.1855C9.01218 18.6667 9.74551 17.6667 9.77218 17.6267C11.4922 14.5867 14.0788 10.0533 17.5322 4H18.8655L17.5322 13.3333H22.2122C22.7455 13.3333 23.0388 13.5867 22.7455 14.2133C17.4788 23.4 14.8522 28 14.8522 28Z'
+      d='M8.2266 1.16648C8.524 0.279984 7.4007 -0.417073 6.7514 0.291481L1.73231 5.76855C1.21953 6.32815 1.60932 7.24205 2.37725 7.24205H4.79225C4.87431 7.24205 4.93956 7.3243 4.91215 7.41115L3.82717 10.8489C3.54697 11.7367 4.67246 12.4136 5.3123 11.7034L10.2732 6.1964C10.7789 5.6351 10.3876 4.72846 9.6232 4.72846H7.20825C7.1253 4.72846 7.0598 4.64444 7.0891 4.5571L8.2266 1.16648Z'
       {...rest}
     />
   </Svg>

package/src/icons/Link.tsx

@@ -1,16 +1,16 @@
 import React from 'react';
 
-import { IconProps, RootPath, RootSvg } from './utils/base';
+import { Path, Svg } from 'react-native-svg';
 
-export const Link = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
-      d='M18.51 3.868a4 4 0 00-5.657 0L8.611 8.111a4 4 0 005.657 5.657l.502-.503s-.226-.635-.502-.911c-.276-.277-.912-.503-.912-.503l-.502.503a2 2 0 01-2.829-2.829l4.243-4.243a2 2 0 012.828 2.829l-.707.707s.49.318.798.627c.31.309.616.787.616.787l.707-.707a4 4 0 000-5.657z'
-      {...props}
-    />
-    <RootPath
-      d='M16.39 10.232a4 4 0 00-5.658 0l-.541.542s.268.6.544.875c.276.276.87.539.87.539l.541-.542a2 2 0 112.829 2.829l-4.243 4.243a2 2 0 11-2.828-2.829l.779-.779s-.503-.359-.78-.635c-.275-.276-.635-.779-.635-.779l-.778.779a4 4 0 105.656 5.657l4.243-4.243a4 4 0 000-5.657z'
-      {...props}
+import { IconProps } from './utils/base';
+
+export const Link = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height} viewBox={`0 0 12 12`} width={width} {...rest}>
+    <Path
+      d='M4.87513 2.76186L5.3584 2.27861C6.5632 1.0738 8.5166 1.0738 9.7214 2.27861C10.9262 3.48342 10.9262 5.4368 9.7214 6.6416L9.2371 7.12595M2.76443 4.87257L2.27861 5.3584C1.07379 6.5632 1.0738 8.5166 2.27861 9.7214C3.48342 10.9262 5.4368 10.9262 6.6416 9.7214L7.1239 9.2391M4.75 7.25L7.25 4.75'
+      strokeLinejoin='round'
+      strokeWidth={1.2}
+      {...rest}
     />
-  </RootSvg>
+  </Svg>
 );

package/src/icons/Lock.tsx

@@ -1,22 +1,17 @@
 import React from 'react';
 
-import { G, Path, Svg } from 'react-native-svg';
+import { Path, Svg } from 'react-native-svg';
 
-import { ColorValue } from 'react-native/types';
+import { IconProps } from './utils/base';
 
-type Props = {
-  color: ColorValue;
-  size: number;
-};
-
-export const Lock = ({ color, size }: Props) => (
-  <Svg fill={'none'} height={size} viewBox={`0 0 ${size} ${size}`} width={size}>
-    <G id='Lock'>
-      <Path
-        d='M10.5039 26.9062H21.4844C23.2656 26.9062 24.1914 25.957 24.1914 24.0352V15.7383C24.1914 14.0391 23.4648 13.1016 22.0586 12.9141V10.125C22.0586 5.80078 19.1992 3.5625 16 3.5625C12.8008 3.5625 9.94141 5.80078 9.94141 10.125V12.9141C8.53516 13.1016 7.79688 14.0391 7.79688 15.7383V24.0352C7.79688 25.957 8.72266 26.9062 10.5039 26.9062ZM12.1328 9.91406C12.1328 7.17188 13.9023 5.67188 16 5.67188C18.0859 5.67188 19.8672 7.17188 19.8672 9.91406V12.8789H12.1328V9.91406ZM10.8438 24.8086C10.3633 24.8086 10.0703 24.5156 10.0703 23.9531V15.8203C10.0703 15.2578 10.3633 14.9766 10.8438 14.9766H21.1562C21.6484 14.9766 21.918 15.2578 21.918 15.8203V23.9531C21.918 24.5156 21.6484 24.8086 21.1562 24.8086H10.8438Z'
-        fill={color}
-        id='Lock'
-      />
-    </G>
+export const Lock = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height} viewBox={'0 0 20 20'} width={width} {...rest}>
+    <Path
+      d='M13.5418 8.125V6.04167C13.5418 4.08566 11.9562 2.5 10.0002 2.5C8.04415 2.5 6.4585 4.08566 6.4585 6.04167V8.125M10.0002 11.6667V14.1667M3.9585 9.79167C3.9585 8.87117 4.70469 8.125 5.62516 8.125H14.3752C15.2957 8.125 16.0418 8.87117 16.0418 9.79167V16.0417C16.0418 16.9622 15.2957 17.7083 14.3752 17.7083H5.62516C4.70469 17.7083 3.9585 16.9622 3.9585 16.0417V9.79167Z'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={1.5}
+      {...rest}
+    />
   </Svg>
 );

package/src/icons/MapPin.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const MapPin = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height} viewBox={`0 0 12 12`} width={width} {...rest}>
+    <Path
+      d='M7.375 5C7.375 5.7594 6.7594 6.375 6 6.375C5.2406 6.375 4.625 5.7594 4.625 5C4.625 4.24061 5.2406 3.625 6 3.625C6.7594 3.625 7.375 4.24061 7.375 5Z'
+      strokeLinejoin='round'
+      strokeWidth={1.2}
+      {...rest}
+    />
+    <Path
+      d='M9.625 5C9.625 7.27735 7.58765 9.34165 6.5677 10.2324C6.2389 10.5196 5.7611 10.5196 5.4323 10.2324C4.41236 9.34165 2.375 7.27735 2.375 5C2.375 2.99797 3.99797 1.375 6 1.375C8.00205 1.375 9.625 2.99797 9.625 5Z'
+      strokeLinejoin='round'
+      strokeWidth={1.2}
+      {...rest}
+    />
+  </Svg>
+);

package/src/icons/MenuPointHorizontal.tsx

@@ -1,12 +1,58 @@
 import React from 'react';
 
-import { IconProps, RootPath, RootSvg } from './utils/base';
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
 
 export const MenuPointHorizontal = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
-      d='M8 12a2 2 0 11-4 0 2 2 0 014 0zM14 12a2 2 0 11-4 0 2 2 0 014 0zM18 14a2 2 0 100-4 2 2 0 000 4z'
+  <Svg viewBox='0 0 17 4' fill='none' {...props} width={20} height={20}>
+    <Path
+      d='M8.45833 2.41667C8.91858 2.41667 9.29167 2.04358 9.29167 1.58333C9.29167 1.12308 8.91858 0.75 8.45833 0.75C7.99808 0.75 7.625 1.12308 7.625 1.58333C7.625 2.04358 7.99808 2.41667 8.45833 2.41667Z'
+      fill='black'
+    />
+    <Path
+      d='M15.3333 2.41667C15.7936 2.41667 16.1667 2.04358 16.1667 1.58333C16.1667 1.12308 15.7936 0.75 15.3333 0.75C14.8731 0.75 14.5 1.12308 14.5 1.58333C14.5 2.04358 14.8731 2.41667 15.3333 2.41667Z'
+      fill='black'
+    />
+    <Path
+      d='M1.58333 2.41667C2.04357 2.41667 2.41667 2.04358 2.41667 1.58333C2.41667 1.12308 2.04357 0.75 1.58333 0.75C1.1231 0.75 0.75 1.12308 0.75 1.58333C0.75 2.04358 1.1231 2.41667 1.58333 2.41667Z'
+      fill='black'
+    />
+    <Path
+      d='M8.45833 2.41667C8.91858 2.41667 9.29167 2.04358 9.29167 1.58333C9.29167 1.12308 8.91858 0.75 8.45833 0.75C7.99808 0.75 7.625 1.12308 7.625 1.58333C7.625 2.04358 7.99808 2.41667 8.45833 2.41667Z'
+      strokeWidth={1.5}
+      strokeLinecap='round'
+      {...props}
+    />
+    <Path
+      d='M15.3333 2.41667C15.7936 2.41667 16.1667 2.04358 16.1667 1.58333C16.1667 1.12308 15.7936 0.75 15.3333 0.75C14.8731 0.75 14.5 1.12308 14.5 1.58333C14.5 2.04358 14.8731 2.41667 15.3333 2.41667Z'
+      strokeWidth={1.5}
+      strokeLinecap='round'
+      {...props}
+    />
+    <Path
+      d='M1.58333 2.41667C2.04357 2.41667 2.41667 2.04358 2.41667 1.58333C2.41667 1.12308 2.04357 0.75 1.58333 0.75C1.1231 0.75 0.75 1.12308 0.75 1.58333C0.75 2.04358 1.1231 2.41667 1.58333 2.41667Z'
+      strokeWidth={1.5}
+      strokeLinecap='round'
+      {...props}
+    />
+    <Path
+      d='M8.45833 2.41667C8.91858 2.41667 9.29167 2.04358 9.29167 1.58333C9.29167 1.12308 8.91858 0.75 8.45833 0.75C7.99808 0.75 7.625 1.12308 7.625 1.58333C7.625 2.04358 7.99808 2.41667 8.45833 2.41667Z'
+      strokeWidth={1.5}
+      strokeLinecap='round'
+      {...props}
+    />
+    <Path
+      d='M15.3333 2.41667C15.7936 2.41667 16.1667 2.04358 16.1667 1.58333C16.1667 1.12308 15.7936 0.75 15.3333 0.75C14.8731 0.75 14.5 1.12308 14.5 1.58333C14.5 2.04358 14.8731 2.41667 15.3333 2.41667Z'
+      strokeWidth={1.5}
+      strokeLinecap='round'
+      {...props}
+    />
+    <Path
+      d='M1.58333 2.41667C2.04357 2.41667 2.41667 2.04358 2.41667 1.58333C2.41667 1.12308 2.04357 0.75 1.58333 0.75C1.1231 0.75 0.75 1.12308 0.75 1.58333C0.75 2.04358 1.1231 2.41667 1.58333 2.41667Z'
+      strokeWidth={1.5}
+      strokeLinecap='round'
       {...props}
     />
-  </RootSvg>
+  </Svg>
 );

package/src/icons/MessageBubbleEmpty.tsx

@@ -1,12 +1,17 @@
 import React from 'react';
 
-import { IconProps, RootPath, RootSvg } from './utils/base';
+import Svg, { Path } from 'react-native-svg';
 
-export const MessageBubbleEmpty = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
-      d='M4 4H20V16H5.17L4 17.17V4ZM4 2C2.9 2 2.01 2.9 2.01 4L2 22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2H4ZM6 12H14V14H6V12ZM6 9H18V11H6V9ZM6 6H18V8H6V6Z'
+import { IconProps } from './utils/base';
+
+export const MessageBubbleEmpty = ({ height, width, ...props }: IconProps) => (
+  <Svg height={height} width={width} fill={'none'} viewBox='0 0 27 25' {...props}>
+    <Path
+      d='M20.0805 14.75H22.7501C24.2227 14.75 25.4167 13.5561 25.4167 12.0833V3.41667C25.4167 1.94391 24.2227 0.75 22.7501 0.75H9.08333C7.61057 0.75 6.41667 1.94391 6.41667 3.41667V6.08333M3.41667 6.08333H17.4167C18.8894 6.08333 20.0834 7.27724 20.0834 8.75V17.4167C20.0834 18.8895 18.8894 20.0833 17.4167 20.0833H11.0834L5.08333 23.4167V20.0833H3.41667C1.94391 20.0833 0.75 18.8895 0.75 17.4167V8.75C0.75 7.27724 1.94391 6.08333 3.41667 6.08333Z'
+      strokeLinejoin='round'
+      strokeLinecap='round'
+      strokeWidth={1.5}
       {...props}
     />
-  </RootSvg>
+  </Svg>
 );

package/src/icons/MessageFlag.tsx

@@ -1,12 +1,17 @@
 import React from 'react';
 
-import { IconProps, RootPath, RootSvg } from './utils/base';
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
 
 export const MessageFlag = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
-      d='M5 2.5a1 1 0 00-1 1v18a1 1 0 102 0v-7h14l-2-5 2-5H6v-1a1 1 0 00-1-1zm1 4v6h11l-1-3 1-3H6z'
+  <Svg viewBox='0 0 20 20' fill='none' {...props}>
+    <Path
+      d='M3.95831 12.5693V3.6658C3.95831 3.34872 4.13769 3.05387 4.43244 2.93697C8.15637 1.46005 11.1562 4.4878 14.7841 3.60869C15.3844 3.46321 16.0416 3.87142 16.0416 4.48916V12.0515C16.0416 12.3686 15.8623 12.6635 15.5676 12.7803C11.4222 14.4244 8.17415 10.4866 3.95831 12.5693ZM3.95831 12.5693V17.7082'
       {...props}
+      strokeWidth={1.5}
+      strokeLinecap='round'
+      strokeLinejoin='round'
     />
-  </RootSvg>
+  </Svg>
 );