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

package/src/icons/index.ts

@@ -1,64 +1,50 @@
 export * from './utils/base';
 
-export * from './ArrowRight';
-export * from './Audio';
-export * from './Archive';
-export * from './BlockUser';
-export * from './Camera';
-export * from './Check';
-export * from './CheckAll';
-export * from './CircleStop';
-export * from './CircleBan';
-export * from './Close';
-export * from './Copy';
-export * from './CurveLineLeftUp';
-export * from './Delete';
-export * from './DOC';
-export * from './DownloadArrow';
-export * from './Edit';
-export * from './Eye';
-export * from './Flag';
-export * from './Grid';
-export * from './GiphyIcon';
-export * from './GiphyLightning';
-export * from './Loading';
-export * from './Logo';
-export * from './MessageFlag';
-export * from './MessageIcon';
-export * from './Mute';
-export * from './Pause';
-export * from './PDF';
-export * from './Picture';
-export * from './Pin';
-export * from './Play';
-export * from './Plus';
-export * from './Minus';
-export * from './Refresh';
-export * from './Resend';
-export * from './Search';
-export * from './SendRight';
-export * from './Share';
-export * from './ShareRightArrow';
-export * from './Smile';
-export * from './Sound';
-export * from './Stop';
-export * from './ThreadReply';
-export * from './Time';
+export * from './filetype-audio-xl';
+export * from './archive';
+export * from './no-sign';
+export * from './camera';
+export { Check } from './checkmark';
+export * from './checks';
+export * from './copy';
+export * from './reply';
+export * from './delete';
+export * from './filetype-text-xl';
+export * from './edit';
+export * from './flag';
+export { GiphyIcon } from './giphy';
+export * from './loading';
+export * from './mute';
+export * from './pause-fill';
+export * from './filetype-pdf-xl';
+export { Picture } from './image';
+export * from './pin';
+export * from './play-fill';
+export * from './plus';
+export * from './minus';
+export * from './Retry';
+export * from './search';
+export * from './send';
+export * from './share';
+export * from './emoji';
+export * from './audio';
+export * from './stop-fill';
+export * from './thread';
+export * from './clock';
 export * from './Unknown';
-export * from './Recorder';
-export * from './User';
-export * from './UserAdd';
-export * from './UserDelete';
-export * from './Video';
-export * from './ZIP';
-export * from './MessageBubbleEmpty';
-export * from './MenuPointHorizontal';
-export * from './Reload';
-export * from './PollThumbnail';
-export * from './UnreadIndicator';
-export * from './FilePickerIcon';
-export * from './CommandsIcon';
-export * from './ArrowShareLeft';
-export * from './Bell';
-export * from './Bookmark';
-export * from './Checkmark';
+export * from './unpin';
+export * from './video-fill';
+export * from './user-add';
+export * from './user-remove';
+export * from './filetype-video-xl';
+export * from './filetype-compression-xl';
+export * from './message-bubble';
+export * from './more';
+export * from './refresh';
+export { PollThumbnail } from './poll';
+export * from './notification';
+export { FilePickerIcon } from './file';
+export * from './command';
+export * from './bell';
+export * from './save';
+export * from './checkmark-1';

package/src/icons/info.tsx

@@ -0,0 +1,40 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const InfoTooltip = ({
+  fill,
+  height,
+  pathFill,
+  size,
+  stroke,
+  width,
+  ...rest
+}: IconProps) => {
+  const color = fill ?? stroke ?? pathFill ?? 'black';
+
+  return (
+    <Svg
+      fill={'none'}
+      height={height ?? size}
+      viewBox={'0 0 20 20'}
+      width={width ?? size}
+      {...rest}
+    >
+      <Path
+        d='M16.75 10C16.75 6.27208 13.7279 3.25 10 3.25C6.27208 3.25 3.25 6.27208 3.25 10C3.25 13.7279 6.27208 16.75 10 16.75C13.7279 16.75 16.75 13.7279 16.75 10ZM18.25 10C18.25 14.5563 14.5563 18.25 10 18.25C5.44365 18.25 1.75 14.5563 1.75 10C1.75 5.44365 5.44365 1.75 10 1.75C14.5563 1.75 18.25 5.44365 18.25 10Z'
+        fill={color}
+      />
+      <Path
+        d='M10.75 13.0107C11.1047 13.0703 11.375 13.3784 11.375 13.75C11.375 14.1642 11.0392 14.5 10.625 14.5C10.2603 14.5 9.91021 14.3555 9.65234 14.0977C9.39448 13.8398 9.25 13.4897 9.25 13.125V10.1133C8.89539 10.0537 8.625 9.74655 8.625 9.375C8.625 8.96079 8.96079 8.625 9.375 8.625C9.69403 8.625 10.0014 8.73611 10.2461 8.93652L10.3477 9.02734L10.4385 9.12891C10.6389 9.37356 10.75 9.68097 10.75 10V13.0107Z'
+        fill={color}
+      />
+      <Path
+        d='M9.6875 7.5C10.2053 7.5 10.625 7.08027 10.625 6.5625C10.625 6.04473 10.2053 5.625 9.6875 5.625C9.16973 5.625 8.75 6.04473 8.75 6.5625C8.75 7.08027 9.16973 7.5 9.6875 7.5Z'
+        fill={color}
+      />
+    </Svg>
+  );
+};

package/src/icons/leave.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const ArrowBoxLeft: React.FC<IconProps> = (props) => (
+  <Svg viewBox='0 0 20 20' fill='none' {...props}>
+    <Path
+      d='M8.75 3.125H3.75V16.875H8.75M8.75 10H17.5M17.5 10L14.375 6.875M17.5 10L14.375 13.125'
+      strokeWidth={1.5}
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      {...props}
+    />
+  </Svg>
+);

package/src/icons/link.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Link = ({ height, size, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height ?? size} viewBox={'0 0 20 20'} width={width ?? size} {...rest}>
+    <Path
+      d='M7.49989 12.4999L12.4999 7.49989M8.74989 5.94598L11.0983 3.60223C11.8035 2.90843 12.7543 2.52139 13.7436 2.52542C14.7328 2.52945 15.6804 2.92422 16.3799 3.62374C17.0795 4.32326 17.4742 5.27086 17.4783 6.26012C17.4823 7.24938 17.0953 8.20016 16.4015 8.90536L14.053 11.2499M5.94598 8.74989L3.60223 11.0983C2.90843 11.8035 2.52139 12.7543 2.52542 13.7436C2.52945 14.7328 2.92422 15.6804 3.62374 16.3799C4.32326 17.0795 5.27086 17.4742 6.26012 17.4783C7.24938 17.4823 8.20016 17.0953 8.90536 16.4015L11.2499 14.053'
+      strokeLinejoin='round'
+      strokeWidth={1.2}
+      {...rest}
+    />
+  </Svg>
+);

package/src/icons/loading.tsx

@@ -0,0 +1,40 @@
+import React from 'react';
+import { Path, StopProps } from 'react-native-svg';
+
+import { IconProps, RootSvg } from './utils/base';
+
+type LoadingProps = IconProps &
+  Partial<Pick<StopProps, 'stopOpacity'>> & {
+    startColor?: StopProps['stopColor'];
+    stopColor?: StopProps['stopColor'];
+  };
+
+export const Loading = (props: LoadingProps) => {
+  const {
+    height = 16,
+    startColor,
+    stopColor,
+    stopOpacity = 0.3,
+    viewBox = '0 0 20 20',
+    width = 16,
+  } = props;
+  const baseColor = startColor ?? stopColor ?? '#006CFF';
+  const accentColor = stopColor ?? startColor ?? '#006CFF';
+
+  return (
+    <RootSvg fill='none' height={height} viewBox={viewBox} width={width} {...props}>
+      <Path
+        d='M17.5 10C17.5 14.1422 14.1422 17.5 10 17.5C5.85787 17.5 2.5 14.1422 2.5 10C2.5 5.85787 5.85787 2.5 10 2.5C14.1422 2.5 17.5 5.85787 17.5 10Z'
+        stroke={baseColor}
+        strokeOpacity={stopOpacity}
+        strokeWidth={2}
+      />
+      <Path
+        d='M17.4544 10.8334C17.0701 14.3097 14.3098 17.07 10.8335 17.4543'
+        stroke={accentColor}
+        strokeLinecap='round'
+        strokeWidth={2}
+      />
+    </RootSvg>
+  );
+};

package/src/icons/location.tsx

@@ -0,0 +1,34 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const MapPin = ({ fill, height, pathFill, size, stroke, width, ...rest }: IconProps) => {
+  const color = stroke ?? pathFill ?? fill ?? 'black';
+
+  return (
+    <Svg
+      fill={'none'}
+      height={height ?? size}
+      viewBox={'0 0 20 20'}
+      width={width ?? size}
+      {...rest}
+    >
+      <Path
+        d='M10 10.625C11.3807 10.625 12.5 9.50571 12.5 8.125C12.5 6.74429 11.3807 5.625 10 5.625C8.61929 5.625 7.5 6.74429 7.5 8.125C7.5 9.50571 8.61929 10.625 10 10.625Z'
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+      <Path
+        d='M16.25 8.125C16.25 13.75 10 18.125 10 18.125C10 18.125 3.75 13.75 3.75 8.125C3.75 6.4674 4.40848 4.87769 5.58058 3.70558C6.75269 2.53348 8.3424 1.875 10 1.875C11.6576 1.875 13.2473 2.53348 14.4194 3.70558C15.5915 4.87769 16.25 6.4674 16.25 8.125Z'
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+    </Svg>
+  );
+};

package/src/icons/lock.tsx

@@ -0,0 +1,40 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Lock = ({ fill, height, pathFill, size, stroke, width, ...rest }: IconProps) => {
+  const color = stroke ?? pathFill ?? fill ?? 'black';
+
+  return (
+    <Svg
+      fill={'none'}
+      height={height ?? size}
+      viewBox={'0 0 20 20'}
+      width={width ?? size}
+      {...rest}
+    >
+      <Path
+        d='M16.25 6.875H3.75C3.40482 6.875 3.125 7.15482 3.125 7.5V16.25C3.125 16.5952 3.40482 16.875 3.75 16.875H16.25C16.5952 16.875 16.875 16.5952 16.875 16.25V7.5C16.875 7.15482 16.5952 6.875 16.25 6.875Z'
+        fill='none'
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+      <Path
+        d='M10 12.8125C10.5178 12.8125 10.9375 12.3928 10.9375 11.875C10.9375 11.3572 10.5178 10.9375 10 10.9375C9.48223 10.9375 9.0625 11.3572 9.0625 11.875C9.0625 12.3928 9.48223 12.8125 10 12.8125Z'
+        fill={color}
+      />
+      <Path
+        d='M6.875 6.875V4.375C6.875 3.5462 7.20424 2.75134 7.79029 2.16529C8.37634 1.57924 9.1712 1.25 10 1.25C10.8288 1.25 11.6237 1.57924 12.2097 2.16529C12.7958 2.75134 13.125 3.5462 13.125 4.375V6.875'
+        fill='none'
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+    </Svg>
+  );
+};

package/src/icons/message-bubble.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const MessageBubbleEmpty = ({ height, size, width, ...props }: IconProps) => (
+  <Svg height={height ?? size} width={width ?? size} fill={'none'} viewBox={'0 0 20 20'} {...props}>
+    <Path
+      d='M6.24431 16.4932C7.81972 17.405 9.67297 17.7127 11.4585 17.359C13.2441 17.0053 14.84 16.0143 15.9489 14.5708C17.0578 13.1273 17.6038 11.3298 17.4852 9.51341C17.3667 7.69704 16.5916 5.98577 15.3045 4.69866C14.0174 3.41156 12.3061 2.63646 10.4897 2.51789C8.67333 2.39932 6.87582 2.94537 5.43231 4.05422C3.9888 5.16308 2.99781 6.75906 2.64412 8.54461C2.29042 10.3302 2.59815 12.1834 3.50993 13.7588L2.53259 16.6768C2.49586 16.7869 2.49053 16.9051 2.5172 17.0181C2.54386 17.131 2.60146 17.2344 2.68355 17.3165C2.76563 17.3985 2.86895 17.4561 2.98194 17.4828C3.09492 17.5095 3.21309 17.5041 3.32321 17.4674L6.24431 16.4932Z'
+      strokeLinejoin='round'
+      strokeLinecap='round'
+      strokeWidth={1.5}
+      {...props}
+    />
+  </Svg>
+);

package/src/icons/minus-circle.tsx

@@ -0,0 +1,34 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const CircleMinus = ({
+  fill,
+  height,
+  pathFill,
+  size,
+  stroke,
+  width,
+  ...rest
+}: IconProps) => {
+  const color = stroke ?? pathFill ?? fill ?? 'black';
+
+  return (
+    <Svg
+      fill={'none'}
+      height={height ?? size}
+      viewBox={'0 0 20 20'}
+      width={width ?? size}
+      {...rest}
+    >
+      <Path
+        d='M6.875 10H13.125M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z'
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap='round'
+      />
+    </Svg>
+  );
+};

package/src/icons/minus.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Minus = ({ height, size, width, ...rest }: IconProps) => (
+  <Svg width={width ?? size} height={height ?? size} viewBox={'0 0 20 20'} fill='none' {...rest}>
+    <Path d='M3.125 10H16.875' strokeWidth={1.5} strokeLinecap='round' {...rest} />
+  </Svg>
+);

package/src/icons/more.tsx

@@ -0,0 +1,40 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const MenuPointHorizontal = ({
+  fill,
+  height,
+  pathFill,
+  size,
+  stroke,
+  width,
+  ...rest
+}: IconProps) => {
+  const color = fill ?? stroke ?? pathFill ?? 'black';
+
+  return (
+    <Svg
+      viewBox='0 0 20 20'
+      fill='none'
+      height={height ?? size ?? 20}
+      width={width ?? size ?? 20}
+      {...rest}
+    >
+      <Path
+        d='M10 11.25C10.6904 11.25 11.25 10.6904 11.25 10C11.25 9.30964 10.6904 8.75 10 8.75C9.30964 8.75 8.75 9.30964 8.75 10C8.75 10.6904 9.30964 11.25 10 11.25Z'
+        fill={color}
+      />
+      <Path
+        d='M4.6875 11.25C5.37786 11.25 5.9375 10.6904 5.9375 10C5.9375 9.30964 5.37786 8.75 4.6875 8.75C3.99714 8.75 3.4375 9.30964 3.4375 10C3.4375 10.6904 3.99714 11.25 4.6875 11.25Z'
+        fill={color}
+      />
+      <Path
+        d='M15.3125 11.25C16.0029 11.25 16.5625 10.6904 16.5625 10C16.5625 9.30964 16.0029 8.75 15.3125 8.75C14.6221 8.75 14.0625 9.30964 14.0625 10C14.0625 10.6904 14.6221 11.25 15.3125 11.25Z'
+        fill={color}
+      />
+    </Svg>
+  );
+};

package/src/icons/mute.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Mute = ({ 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 20 20' fill='none' {...rest}>
+      <Path
+        d='M15.625 8.125V11.875M18.125 6.875V13.125M4.375 3.125L16.875 16.875M9.38672 4.92109L12.5 2.5V8.34609M12.5 12.0625V17.5L6.875 13.125H3.125C2.95924 13.125 2.80027 13.0592 2.68306 12.9419C2.56585 12.8247 2.5 12.6658 2.5 12.5V7.5C2.5 7.33424 2.56585 7.17527 2.68306 7.05806C2.80027 6.94085 2.95924 6.875 3.125 6.875H7.78437'
+        fill='none'
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+    </Svg>
+  );
+};

package/src/icons/no-sign.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const CircleBan = ({ fill, height, pathFill, size, stroke, width, ...rest }: IconProps) => {
+  const color = stroke ?? pathFill ?? fill ?? 'black';
+
+  return (
+    <Svg
+      fill={'none'}
+      height={height ?? size}
+      viewBox={'0 0 20 20'}
+      width={width ?? size}
+      {...rest}
+    >
+      <Path
+        d='M15.3031 15.3031L4.69688 4.69688M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z'
+        stroke={color}
+        strokeLinecap='round'
+        strokeWidth={1.5}
+      />
+    </Svg>
+  );
+};
+
+export const BlockUser = (props: IconProps) => <CircleBan {...props} />;

package/src/icons/notification.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+type Props = IconProps;
+
+export const UnreadIndicator = (props: Props) => (
+  <Svg viewBox='0 0 20 20' fill='none' {...props}>
+    <Path
+      d='M16.25 10V16.25C16.25 16.4158 16.1842 16.5747 16.0669 16.6919C15.9497 16.8092 15.7908 16.875 15.625 16.875H3.75C3.58424 16.875 3.42527 16.8092 3.30806 16.6919C3.19085 16.5747 3.125 16.4158 3.125 16.25V4.375C3.125 4.20924 3.19085 4.05027 3.30806 3.93306C3.42527 3.81585 3.58424 3.75 3.75 3.75H10M17.5 4.6875C17.5 5.89562 16.5206 6.875 15.3125 6.875C14.1044 6.875 13.125 5.89562 13.125 4.6875C13.125 3.47938 14.1044 2.5 15.3125 2.5C16.5206 2.5 17.5 3.47938 17.5 4.6875Z'
+      strokeWidth={1.5}
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      {...props}
+    />
+  </Svg>
+);

package/src/icons/pause-fill.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Pause = ({ fill, height, pathFill, size, stroke, width, ...rest }: IconProps) => {
+  const color = fill ?? pathFill ?? stroke ?? 'black';
+
+  return (
+    <Svg
+      fill={'none'}
+      height={height ?? size}
+      viewBox={'0 0 20 20'}
+      width={width ?? size}
+      {...rest}
+    >
+      <Path
+        d='M13.75 4.375H11.875C11.5298 4.375 11.25 4.65482 11.25 5V15C11.25 15.3452 11.5298 15.625 11.875 15.625H13.75C14.0952 15.625 14.375 15.3452 14.375 15V5C14.375 4.65482 14.0952 4.375 13.75 4.375ZM8.125 4.375H6.25C5.90482 4.375 5.625 4.65482 5.625 5V15C5.625 15.3452 5.90482 15.625 6.25 15.625H8.125C8.47018 15.625 8.75 15.3452 8.75 15V5C8.75 4.65482 8.47018 4.375 8.125 4.375Z'
+        fill={color}
+      />
+    </Svg>
+  );
+};

package/src/icons/pin.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Pin = ({ fill, height, pathFill, size, stroke, width, ...rest }: IconProps) => {
+  const color = stroke ?? pathFill ?? fill ?? 'black';
+
+  return (
+    <Svg
+      fill={'none'}
+      height={height ?? size}
+      viewBox={'0 0 20 20'}
+      width={width ?? size}
+      {...rest}
+    >
+      <Path
+        d='M7.52271 12.4773L3.75006 16.25M17.9422 7.68279C18.0594 7.56559 18.1252 7.40668 18.1252 7.24099C18.1252 7.0753 18.0594 6.9164 17.9422 6.7992L13.2032 2.05779C13.086 1.94067 12.9271 1.87488 12.7614 1.87488C12.5957 1.87488 12.4368 1.94067 12.3196 2.05779L7.84303 6.54685C7.84303 6.54685 5.67506 5.46326 3.35943 7.33201C3.29077 7.38697 3.23447 7.45581 3.19424 7.53402C3.154 7.61224 3.13072 7.69806 3.12593 7.78589C3.12114 7.87371 3.13493 7.96156 3.16642 8.04369C3.19791 8.12581 3.24637 8.20037 3.30865 8.26248L11.7383 16.6914C11.8015 16.7541 11.8773 16.8025 11.9606 16.8336C12.044 16.8646 12.133 16.8775 12.2218 16.8713C12.3105 16.8652 12.3969 16.8402 12.4752 16.798C12.5535 16.7558 12.6219 16.6973 12.6758 16.6265C13.3313 15.7547 14.361 13.9633 13.4657 12.1734L17.9422 7.68279Z'
+        stroke={color}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth={1.5}
+      />
+    </Svg>
+  );
+};

package/src/icons/play-fill.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Play = ({ height, size, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height ?? size} viewBox={'0 0 20 20'} width={width ?? size} {...rest}>
+    <Path
+      d='M18.75 10C18.7505 10.2122 18.6961 10.4209 18.5921 10.6059C18.488 10.7908 18.3379 10.9457 18.1562 11.0555L6.9 17.9414C6.71022 18.0576 6.49287 18.1211 6.27037 18.1252C6.04788 18.1293 5.82832 18.0739 5.63438 17.9648C5.44227 17.8574 5.28225 17.7008 5.17075 17.511C5.05926 17.3213 5.00032 17.1052 5 16.8852V3.11484C5.00032 2.89475 5.05926 2.67872 5.17075 2.48896C5.28225 2.2992 5.44227 2.14257 5.63438 2.03516C5.82832 1.92605 6.04788 1.87071 6.27037 1.87483C6.49287 1.87895 6.71022 1.94239 6.9 2.05859L18.1562 8.94453C18.3379 9.05428 18.488 9.20916 18.5921 9.39411C18.6961 9.57906 18.7505 9.78779 18.75 10Z'
+      {...rest}
+    />
+  </Svg>
+);

package/src/icons/plus.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Plus = ({ height, size, width, ...rest }: IconProps) => (
+  <Svg height={height ?? size} viewBox={'0 0 20 20'} width={width ?? size} {...rest}>
+    <Path d='M3.125 10H16.875M10 3.125V16.875' {...rest} />
+  </Svg>
+);

package/src/icons/poll.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const PollThumbnail = ({
+  fill,
+  height,
+  pathFill,
+  size,
+  stroke,
+  width,
+  ...rest
+}: IconProps) => {
+  const color = stroke ?? pathFill ?? fill ?? 'black';
+
+  return (
+    <Svg viewBox='0 0 20 20' fill='none' height={height ?? size} width={width ?? size} {...rest}>
+      <Path
+        d='M3.75 16.25V10.625H7.5M17.5 16.25H2.5M7.5 16.25V6.875H11.875M11.875 16.25V3.125H16.25V16.25'
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+    </Svg>
+  );
+};
+
+export const PollIcon = (props: IconProps) => <PollThumbnail {...props} />;

package/src/icons/refresh.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Reload = ({ fill, height, pathFill, size, stroke, width, ...rest }: IconProps) => {
+  const color = stroke ?? pathFill ?? fill ?? 'black';
+
+  return (
+    <Svg
+      fill={'none'}
+      height={height ?? size}
+      viewBox={'0 0 20 20'}
+      width={width ?? size}
+      {...rest}
+    >
+      <Path
+        d='M13.125 7.49978H16.875M16.875 7.49978V3.74978M16.875 7.49978L14.6656 5.29041C13.3861 4.01095 11.6538 3.2875 9.84437 3.27697C8.03494 3.26644 6.29431 3.96968 5 5.23416M6.875 12.4998H3.125M3.125 12.4998V16.2498M3.125 12.4998L5.33437 14.7092C6.61388 15.9886 8.34621 16.7121 10.1556 16.7226C11.9651 16.7331 13.7057 16.0299 15 14.7654'
+        stroke={color}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth={1.5}
+      />
+    </Svg>
+  );
+};

package/src/icons/reorder.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const DotGrid = ({ fill, height, pathFill, size, stroke, width }: IconProps) => {
+  const color = pathFill ?? fill ?? stroke ?? 'black';
+
+  return (
+    <Svg fill='none' height={height ?? size} viewBox='0 0 20 20' width={width ?? size}>
+      <Path
+        d='M8.875 15.3125C8.875 16.2445 8.11948 17 7.1875 17C6.25552 17 5.5 16.2445 5.5 15.3125C5.5 14.3805 6.25552 13.625 7.1875 13.625C8.11948 13.625 8.875 14.3805 8.875 15.3125ZM14.5 15.3125C14.5 16.2445 13.7445 17 12.8125 17C11.8805 17 11.125 16.2445 11.125 15.3125C11.125 14.3805 11.8805 13.625 12.8125 13.625C13.7445 13.625 14.5 14.3805 14.5 15.3125ZM8.875 10C8.875 10.932 8.11948 11.6875 7.1875 11.6875C6.25552 11.6875 5.5 10.932 5.5 10C5.5 9.06802 6.25552 8.3125 7.1875 8.3125C8.11948 8.3125 8.875 9.06802 8.875 10ZM14.5 10C14.5 10.932 13.7445 11.6875 12.8125 11.6875C11.8805 11.6875 11.125 10.932 11.125 10C11.125 9.06802 11.8805 8.3125 12.8125 8.3125C13.7445 8.3125 14.5 9.06802 14.5 10ZM8.875 4.6875C8.875 5.61948 8.11948 6.375 7.1875 6.375C6.25552 6.375 5.5 5.61948 5.5 4.6875C5.5 3.75552 6.25552 3 7.1875 3C8.11948 3 8.875 3.75552 8.875 4.6875ZM14.5 4.6875C14.5 5.61948 13.7445 6.375 12.8125 6.375C11.8805 6.375 11.125 5.61948 11.125 4.6875C11.125 3.75552 11.8805 3 12.8125 3C13.7445 3 14.5 3.75552 14.5 4.6875Z'
+        fill={color}
+      />
+    </Svg>
+  );
+};