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

package/src/components/MessageInput/hooks/useCountdown.ts

@@ -1,48 +0,0 @@
-import { useEffect, useState } from 'react';
-
-import { ONE_SECOND_IN_MS, secondsUntil } from '../../../utils/date';
-
-/**
- * Start a countdown to a set date, in seconds.
- * The date passed in as an argument to useCountdown
- * will be rounded up to the nearest second.
- **/
-export const useCountdown = (end: Date) => {
-  const [seconds, setSeconds] = useState(0);
-
-  /**
-   * When a new `end` is set for the countdown, start the counter if
-   * the `end` is in the future.
-   **/
-  useEffect(() => {
-    let intervalId: ReturnType<typeof setInterval>;
-
-    const startCountdown = (seconds: number) => {
-      setSeconds(seconds);
-      intervalId = setInterval(() => {
-        setSeconds((previous: number) => {
-          const next = previous - 1;
-          if (next < 1) {
-            /* Don't trigger an unnecessary rerender when done */
-            clearInterval(intervalId);
-            return 0;
-          }
-          return next;
-        });
-      }, ONE_SECOND_IN_MS);
-    };
-
-    const secondsUntilEnd = secondsUntil(end);
-    if (secondsUntilEnd > 0) {
-      startCountdown(secondsUntilEnd);
-    }
-
-    return () => {
-      if (intervalId) {
-        clearInterval(intervalId);
-      }
-    };
-  }, [end]);
-
-  return { seconds };
-};

package/src/components/MessageList/utils/getDateSeparators.ts

@@ -1,52 +0,0 @@
-import type { DeletedMessagesVisibilityType } from '../../../contexts/messagesContext/MessagesContext';
-import type { PaginatedMessageListContextValue } from '../../../contexts/paginatedMessageListContext/PaginatedMessageListContext';
-import type { ThreadContextValue } from '../../../contexts/threadContext/ThreadContext';
-
-/**
- * @deprecated in favor of `useDateSeparator` hook instead directly in the Message.
- */
-export type GetDateSeparatorsParams = {
-  messages: PaginatedMessageListContextValue['messages'] | ThreadContextValue['threadMessages'];
-  /**
-   * @deprecated The computations are done ahead of time in the useMessageList hook so this parameter is no longer needed.
-   */
-  deletedMessagesVisibilityType?: DeletedMessagesVisibilityType;
-  hideDateSeparators?: boolean;
-  /**
-   * @deprecated The computations are done ahead of time in the useMessageList hook so this parameter is no longer needed.
-   */
-  userId?: string;
-};
-
-export type DateSeparators = {
-  [key: string]: Date;
-};
-
-/**
- * @deprecated in favor of `useDateSeparator` hook instead directly in the Message.
- */
-export const getDateSeparators = (params: GetDateSeparatorsParams) => {
-  const { hideDateSeparators, messages } = params;
-  const dateSeparators: DateSeparators = {};
-
-  if (hideDateSeparators) {
-    return dateSeparators;
-  }
-
-  for (let i = 0; i < messages.length; i++) {
-    const previousMessage = messages[i - 1];
-    const message = messages[i];
-
-    const messageDate = message.created_at.toDateString();
-
-    const prevMessageDate = previousMessage
-      ? previousMessage.created_at.toDateString()
-      : messageDate;
-
-    if (i === 0 || messageDate !== prevMessageDate) {
-      dateSeparators[message.id] = message.created_at;
-    }
-  }
-
-  return dateSeparators;
-};

package/src/components/MessagePreview/MessagePreview.tsx

@@ -1,67 +0,0 @@
-import React from 'react';
-import { StyleSheet, Text, View } from 'react-native';
-
-import { useTheme } from '../../contexts';
-
-export type MessagePreviewSkeletonProps = {
-  /**
-   * Whether the message text should be bold.
-   */
-  bold: boolean;
-  /**
-   * The text of the message preview.
-   */
-  text: string;
-  /**
-   * Whether the message is a draft.
-   */
-  draft?: boolean;
-};
-
-export type MessagePreviewProps = {
-  previews: MessagePreviewSkeletonProps[];
-};
-
-export const MessagePreview = ({ previews }: MessagePreviewProps) => {
-  const {
-    theme: {
-      messagePreview: { message },
-      colors: { accent_blue, grey },
-    },
-  } = useTheme();
-
-  return (
-    <View style={styles.container}>
-      {previews?.map((preview, index) =>
-        preview.text ? (
-          <Text
-            key={`${preview.text}_${index}`}
-            numberOfLines={1}
-            style={[
-              styles.message,
-              {
-                color: preview?.draft ? accent_blue : grey,
-              },
-              preview.bold ? styles.bold : {},
-              message,
-            ]}
-          >
-            {preview.text}
-          </Text>
-        ) : null,
-      )}
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  bold: { fontWeight: '500' },
-  container: {
-    flexDirection: 'row',
-    flexShrink: 1,
-  },
-  message: {
-    flexShrink: 1,
-    marginRight: 2,
-  },
-});

package/src/components/Poll/components/CreatePollIcon.tsx

@@ -1,14 +0,0 @@
-import React from 'react';
-
-import { useTheme } from '../../../contexts/themeContext/ThemeContext';
-import { PollThumbnail } from '../../../icons';
-
-export const CreatePollIcon = () => {
-  const {
-    theme: {
-      colors: { grey },
-    },
-  } = useTheme();
-
-  return <PollThumbnail height={18} pathFill={grey} viewBox='0 0 18 18' width={18} />;
-};

package/src/icons/ArrowLeft.tsx

@@ -1,18 +0,0 @@
-import React from 'react';
-
-import { Path, Svg } from 'react-native-svg';
-
-import { IconProps } from './utils/base';
-
-type Props = IconProps & {
-  size: number;
-};
-
-export const ArrowLeft = ({ size, ...rest }: Props) => (
-  <Svg fill={'none'} height={size} viewBox={`0 0 ${size} ${size}`} width={size}>
-    <Path
-      d='M6.86621 11.6543C6.875 11.3555 6.98047 11.1006 7.21777 10.8721L14.0732 4.16602C14.2578 3.97266 14.5039 3.87598 14.7852 3.87598C15.3564 3.87598 15.8047 4.31543 15.8047 4.88672C15.8047 5.16797 15.6904 5.42285 15.4971 5.625L9.31836 11.6543L15.4971 17.6836C15.6904 17.877 15.8047 18.1318 15.8047 18.4131C15.8047 18.9932 15.3564 19.4326 14.7852 19.4326C14.5039 19.4326 14.2578 19.3359 14.0732 19.1426L7.21777 12.4365C6.98047 12.208 6.86621 11.9531 6.86621 11.6543Z'
-      {...rest}
-    />
-  </Svg>
-);

package/src/icons/AtMentions.tsx

@@ -1,12 +0,0 @@
-import React from 'react';
-
-import { IconProps, RootPath, RootSvg } from './utils/base';
-
-export const AtMentions = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
-      d='M12 4a8 8 0 018 8v1.5a1.5 1.5 0 01-3 0V8h-2a5 5 0 10.604 7.466A3.5 3.5 0 0022 13.5V12c0-5.523-4.477-10-10-10S2 6.477 2 12s4.477 10 10 10a9.953 9.953 0 005.547-1.678l-1.11-1.665A8 8 0 1112 4.001zm-3 8a3 3 0 116 0 3 3 0 01-6 0z'
-      {...props}
-    />
-  </RootSvg>
-);

package/src/icons/Attach.tsx

@@ -1,25 +0,0 @@
-import React from 'react';
-
-import Svg, { ClipPath, Defs, G, Path, Rect } from 'react-native-svg';
-
-import { IconProps } from './utils/base';
-
-type Props = IconProps & {
-  size: number;
-};
-
-export const Attach = ({ size, ...rest }: Props) => (
-  <Svg height={size} viewBox={`0 0 ${size} ${size}`} width={size} {...rest}>
-    <G clipPath='url(#id)'>
-      <Path
-        d='M17.5245 9.33332L14.8579 9.33332L14.8579 14.6666L9.52453 14.6666L9.52453 17.3333L14.8579 17.3333L14.8579 22.6667L17.5245 22.6667L17.5245 17.3333L22.8579 17.3333L22.8579 14.6666L17.5245 14.6666L17.5245 9.33332ZM16.1912 2.66665C8.83119 2.66665 2.85786 8.63998 2.85786 16C2.85786 23.36 8.83119 29.3333 16.1912 29.3333C23.5512 29.3333 29.5245 23.36 29.5245 16C29.5245 8.63998 23.5512 2.66665 16.1912 2.66665ZM16.1912 26.6667C10.3112 26.6666 5.52453 21.88 5.52453 16C5.52453 10.12 10.3112 5.33332 16.1912 5.33332C22.0712 5.33332 26.8579 10.12 26.8579 16C26.8579 21.88 22.0712 26.6666 16.1912 26.6667Z'
-        {...rest}
-      />
-    </G>
-    <Defs>
-      <ClipPath id='id'>
-        <Rect height={32} transform={'translate(0.191406)'} width={size} />
-      </ClipPath>
-    </Defs>
-  </Svg>
-);

package/src/icons/Back.tsx

@@ -1,12 +0,0 @@
-import React from 'react';
-
-import { IconProps, RootPath, RootSvg } from './utils/base';
-
-export const Back = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
-      d='M20 11V13H7.98955L13.4948 18.5052L12.0806 19.9194L4.16113 12L12.0806 4.08057L13.4948 5.49478L7.98955 11H20Z'
-      {...props}
-    />
-  </RootSvg>
-);

package/src/icons/CSV.tsx

@@ -1,30 +0,0 @@
-import React from 'react';
-
-import { IconProps, RootPath, RootSvg } from './utils/base';
-
-export const CSV = (props: IconProps) => (
-  <RootSvg
-    height={props.height || 40}
-    viewBox={props.viewBox || '0 0 34 40'}
-    width={props.width || 34}
-    {...props}
-  >
-    <RootPath
-      d='M0 3a3 3 0 013-3h20.333l10 10v27a3 3 0 01-3 3H3a3 3 0 01-3-3V3z'
-      pathFill='#F5F5F5'
-    />
-    <RootPath d='M0 28h33.333v9a3 3 0 01-3 3H3a3 3 0 01-3-3v-9z' pathFill='#A8A8A8' />
-    <RootPath
-      d='M25.864 9.99a2.48 2.48 0 01-2.48-2.48V.058L33.33 9.99h-7.466z'
-      pathFill='#DBDBDB'
-    />
-    <RootPath
-      d='M14.462 34.491h.776a1.038 1.038 0 00-.44-.82 1.25 1.25 0 00-.425-.207 1.777 1.777 0 00-.491-.067c-.235 0-.443.04-.625.117a1.3 1.3 0 00-.463.33 1.4 1.4 0 00-.29.496c-.064.19-.095.396-.095.62 0 .215.035.414.106.597.07.178.169.333.295.463.127.13.28.232.458.307.182.07.381.106.597.106.383 0 .697-.1.943-.301.245-.201.394-.493.446-.877h-.764a.756.756 0 01-.195.43c-.1.104-.246.156-.436.156a.56.56 0 01-.312-.083.66.66 0 01-.207-.212 1.075 1.075 0 01-.106-.296 1.569 1.569 0 010-.642.974.974 0 01.112-.301.678.678 0 01.212-.223.543.543 0 01.318-.09c.339 0 .534.166.586.497zm1.854.932h-.753c.007.193.05.355.128.485.082.127.184.23.307.307.126.078.27.134.43.168a2.39 2.39 0 00.97 0c.16-.03.302-.084.424-.162a.898.898 0 00.296-.307.918.918 0 00.117-.48.656.656 0 00-.284-.564 1.056 1.056 0 00-.296-.15 3.181 3.181 0 00-.335-.095c-.111-.026-.221-.05-.329-.073a3.271 3.271 0 01-.29-.072.64.64 0 01-.201-.112.217.217 0 01-.078-.173c0-.06.015-.106.044-.14a.286.286 0 01.107-.083.459.459 0 01.145-.033c.052-.008.1-.012.145-.012.141 0 .264.028.368.084.104.052.162.154.173.307h.753a.91.91 0 00-.424-.725 1.2 1.2 0 00-.396-.151 2.324 2.324 0 00-.91 0 1.177 1.177 0 00-.401.145.802.802 0 00-.29.279.886.886 0 00-.107.458c0 .126.027.234.079.323.052.086.12.158.206.218.086.056.182.102.29.14a5.1 5.1 0 00.34.089c.283.06.503.119.659.178.16.06.24.149.24.268 0 .07-.017.13-.05.179a.417.417 0 01-.129.111.682.682 0 01-.34.078.94.94 0 01-.229-.028.627.627 0 01-.19-.083.54.54 0 01-.139-.15.472.472 0 01-.05-.224zm3.979.937l.976-2.885h-.786l-.608 1.97h-.012l-.608-1.97h-.831l.987 2.885h.882z'
-      pathFill='#FFFFFF'
-    />
-    <RootPath
-      d='M8 14.48h4.96V12H8v2.48zm4.96 4.133H8v-2.48h4.96v2.48zm0 4.134H8v-2.48h4.96v2.48zm11.573-4.134h-9.92v-2.48h9.92v2.48zm-9.92 4.134h9.92v-2.48h-9.92v2.48zm0-8.267V12h9.92v2.48h-9.92z'
-      pathFill='#CFCFCF'
-    />
-  </RootSvg>
-);

package/src/icons/ChatIcon.tsx

@@ -1,12 +0,0 @@
-import React from 'react';
-
-import { IconProps, RootPath, RootSvg } from './utils/base';
-
-export const ChatIcon = (props: IconProps) => (
-  <RootSvg height={114} viewBox={`0 0 ${114} ${114}`} width={114} {...props}>
-    <RootPath
-      d='M95 9.5H19C13.775 9.5 9.5 13.775 9.5 19V104.5L28.5 85.5H95C100.225 85.5 104.5 81.225 104.5 76V19C104.5 13.775 100.225 9.5 95 9.5ZM95 76H28.5L19 85.5V19H95V76Z'
-      {...props}
-    />
-  </RootSvg>
-);

package/src/icons/CheckSend.tsx

@@ -1,12 +0,0 @@
-import React from 'react';
-
-import { IconProps, RootPath, RootSvg } from './utils/base';
-
-export const CheckSend = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
-      d='M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm3.707 7.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-2-2a1 1 0 111.414-1.414L11 12.586l3.293-3.293a1 1 0 011.414 0z'
-      {...props}
-    />
-  </RootSvg>
-);

package/src/icons/CircleClose.tsx

@@ -1,16 +0,0 @@
-import React from 'react';
-
-import { IconProps, RootPath, RootSvg } from './utils/base';
-
-export const CircleClose = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
-      d='M14.121 8.464a1 1 0 111.415 1.415L13.414 12l2.122 2.121a1 1 0 01-1.415 1.415l-2.12-2.122-2.122 2.122a1 1 0 11-1.414-1.415L10.585 12l-2.12-2.121a1 1 0 111.414-1.415L12 10.586l2.121-2.122z'
-      {...props}
-    />
-    <RootPath
-      d='M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zM4 12a8 8 0 1116 0 8 8 0 01-16 0z'
-      {...props}
-    />
-  </RootSvg>
-);

package/src/icons/CirclePlus.tsx

@@ -1,16 +0,0 @@
-import React from 'react';
-
-import { IconProps, RootPath, RootSvg } from './utils/base';
-
-export const CirclePlus = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
-      d='"M11 8a1 1 0 112 0v3h3a1 1 0 110 2h-3v3a1 1 0 11-2 0v-3H8a1 1 0 110-2h3V8z'
-      {...props}
-    />
-    <RootPath
-      d='M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zM4 12a8 8 0 1116 0 8 8 0 01-16 0z'
-      {...props}
-    />
-  </RootSvg>
-);

package/src/icons/CircleRight.tsx

@@ -1,16 +0,0 @@
-import React from 'react';
-
-import { IconProps, RootPath, RootSvg } from './utils/base';
-
-export const CircleRight = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
-      d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zm0-2a8 8 0 100-16 8 8 0 000 16z'
-      {...props}
-    />
-    <RootPath
-      d='M9.282 16.72a.949.949 0 010-1.348L12.68 12 9.282 8.628a.949.949 0 010-1.349.966.966 0 011.359 0l4.078 4.047a.947.947 0 010 1.348l-4.078 4.047a.967.967 0 01-1.36 0z'
-      {...props}
-    />
-  </RootSvg>
-);

package/src/icons/DOCX.tsx

@@ -1,44 +0,0 @@
-import React from 'react';
-import { Defs, LinearGradient, Stop } from 'react-native-svg';
-
-import { IconProps, RootPath, RootSvg } from './utils/base';
-
-export const DOCX = (props: IconProps) => (
-  <RootSvg
-    height={props.height || 40}
-    viewBox={props.viewBox || '0 0 34 40'}
-    width={props.width || 34}
-    {...props}
-  >
-    <RootPath
-      d='M0 3.99A3.99 3.99 0 013.99 0h19.285l9.975 9.975V35.91a3.99 3.99 0 01-3.99 3.99H3.99A3.99 3.99 0 010 35.91V3.99z'
-      pathFill='url(#gradient)'
-    />
-    <RootPath
-      d='M26.624 9.965a3.298 3.298 0 01-3.298-3.299V.058l9.92 9.907h-6.622z'
-      pathFill='#254A80'
-    />
-    <RootPath
-      d='M7.98 14.131v-1.66h14.962v1.661H7.98zm9.976 1.663H7.98v1.662h9.976v-1.662zM7.98 20.78h14.962v-1.66H7.98v1.662-.002z'
-      pathFill='#FFFFFF'
-      pathOpacity={0.4}
-    />
-    <RootPath
-      d='M11.55 34.43c0-.525-.188-1.008-.706-1.008-.546 0-.728.511-.728.973 0 .497.182 1.05.728 1.05.58 0 .707-.553.707-1.015zm-.041-3.178h1.19v4.998h-1.134v-.42h-.014a1.161 1.161 0 01-1.001.525c-1.141 0-1.624-.98-1.624-2.002 0-.945.504-1.841 1.533-1.841.448 0 .79.168 1.036.497h.014v-1.757zm3.737 2.17c-.553 0-.721.553-.721 1.015 0 .462.168 1.008.721 1.008.553 0 .728-.546.728-1.008 0-.462-.175-1.015-.728-1.015zm0 2.933c-1.127 0-1.911-.826-1.911-1.918s.784-1.925 1.911-1.925 1.918.833 1.918 1.925-.791 1.918-1.918 1.918zm6.064-2.408c-.084-.959-.889-1.435-1.792-1.435-1.169 0-1.904.826-1.904 1.981 0 1.113.812 1.862 1.904 1.862.966 0 1.722-.56 1.827-1.533H20.19c-.056.385-.266.623-.679.623-.504 0-.707-.483-.707-.952 0-.504.105-1.07.77-1.07.301 0 .574.216.581.524h1.155zm1.497 2.303H21.49l1.26-1.904-1.155-1.729h1.316l.51.868.512-.868h1.26l-1.134 1.708 1.288 1.925h-1.316l-.63-1.05-.595 1.05z'
-      pathFill='#FFFFFF'
-    />
-    <Defs>
-      <LinearGradient
-        gradientUnits='userSpaceOnUse'
-        id='gradient'
-        x1={0}
-        x2={0}
-        y1={0}
-        y2={props.height || 40}
-      >
-        <Stop stopColor='#5E7FB0' />
-        <Stop offset={1} stopColor='#2C5898' />
-      </LinearGradient>
-    </Defs>
-  </RootSvg>
-);

package/src/icons/DownloadCloud.tsx

@@ -1,21 +0,0 @@
-import React from 'react';
-
-import { IconProps, RootPath, RootSvg } from './utils/base';
-
-export const DownloadCloud = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
-      d='M12 6a5.003 5.003 0 00-4.729 3.37 1 1 0 01-.812.666A4.001 4.001 0 007 18a1 1 0 110 2A6 6 0 015.598 8.165a7 7 0 0113.343 1.923A5.002 5.002 0 0118 20a1 1 0 110-2 3 3 0 100-6 1 1 0 01-1-1 5 5 0 00-5-5z'
-      {...props}
-    />
-    <RootPath d='M12 12a1 1 0 00-1 1v6a1 1 0 102 0v-6a1 1 0 00-1-1z' {...props} />
-    <RootPath
-      d='M9.293 16.293a1 1 0 000 1.414l2 2a1 1 0 001.414-1.414l-2-2a1 1 0 00-1.414 0z'
-      {...props}
-    />
-    <RootPath
-      d='M11.293 19.707a1 1 0 001.414 0l2-2a1 1 0 00-1.414-1.414l-2 2a1 1 0 000 1.414z'
-      {...props}
-    />
-  </RootSvg>
-);

package/src/icons/DragHandle.tsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-import { IconProps, RootPath, RootSvg } from './utils/base';
-
-export const DragHandle = (props: IconProps) => (
-  <RootSvg viewBox='0 0 16 6' {...props}>
-    <RootPath d='M16 0H0V2H16V0ZM0 6H16V4H0V6Z' {...props} />
-  </RootSvg>
-);

package/src/icons/Error.tsx

@@ -1,12 +0,0 @@
-import React from 'react';
-
-import { IconProps, RootPath, RootSvg } from './utils/base';
-
-export const Error = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
-      d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-7v2h2v-2h-2zm0-2V7h2v6h-2z'
-      {...props}
-    />
-  </RootSvg>
-);

package/src/icons/Folder.tsx

@@ -1,12 +0,0 @@
-import React from 'react';
-
-import { IconProps, RootPath, RootSvg } from './utils/base';
-
-export const Folder = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
-      d='M21 5h-8.586l-2-2H3a1 1 0 00-1 1v16a1 1 0 001 1h18a1 1 0 001-1V6a1 1 0 00-1-1zM4 19V7h16v12H4z'
-      {...props}
-    />
-  </RootSvg>
-);

package/src/icons/GenericFile.tsx

@@ -1,39 +0,0 @@
-import React from 'react';
-import { Defs, LinearGradient, Stop } from 'react-native-svg';
-
-import { IconProps, RootPath, RootSvg } from './utils/base';
-
-export const GenericFile = (props: IconProps) => (
-  <RootSvg
-    height={props.height || 40}
-    viewBox={props.viewBox || '0 0 34 40'}
-    width={props.width || 34}
-    {...props}
-  >
-    <RootPath
-      d='M0 3.99A3.99 3.99 0 013.99 0h19.285l9.975 9.975V35.91a3.99 3.99 0 01-3.99 3.99H3.99A3.99 3.99 0 010 35.91V3.99z'
-      pathFill='url(#gradient)'
-    />
-    <RootPath
-      d='M7.98 14.131v-1.66h14.962v1.661H7.98zm9.976 1.663H7.98v1.662h9.976v-1.662zM7.98 20.78h14.962v-1.66H7.98v1.662-.002z'
-      pathFill='#CFCFCF'
-    />
-    <RootPath
-      d='M26.624 9.965a3.298 3.298 0 01-3.298-3.299V.058l9.92 9.907h-6.622z'
-      pathFill='#DBDBDB'
-    />
-    <Defs>
-      <LinearGradient
-        gradientUnits='userSpaceOnUse'
-        id='gradient'
-        x1={0}
-        x2={0}
-        y1={0}
-        y2={props.height || 40}
-      >
-        <Stop stopColor='#FFFFFF' />
-        <Stop offset={1} stopColor='#DBDBDB' />
-      </LinearGradient>
-    </Defs>
-  </RootSvg>
-);

package/src/icons/Group.tsx

@@ -1,12 +0,0 @@
-import React from 'react';
-
-import { IconProps, RootPath, RootSvg } from './utils/base';
-
-export const Group = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
-      d='M16 7a4 4 0 11-8 0 4 4 0 018 0zm-2 0a2 2 0 11-4 0 2 2 0 014 0zM3 7.5A3.5 3.5 0 016.5 4a1 1 0 010 2 1.5 1.5 0 100 3 1 1 0 010 2A3.5 3.5 0 013 7.5zM5 19a7 7 0 1113.903 1.167 1 1 0 11-1.972-.331 5 5 0 10-9.86.003 1 1 0 01-1.973.332A7.041 7.041 0 015 19zM5.001 12.366a1 1 0 01-.147 1.406 4.989 4.989 0 00-1.784 4.725 1 1 0 11-1.972.333 6.989 6.989 0 012.497-6.61A1 1 0 015 12.365zM21.5 7.5A3.5 3.5 0 0018 4a1 1 0 100 2 1.5 1.5 0 010 3 1 1 0 100 2 3.5 3.5 0 003.5-3.5zM19.223 12.366a1 1 0 00.147 1.406 4.989 4.989 0 011.784 4.725 1 1 0 101.973.333c.064-.382.097-.773.097-1.171a6.989 6.989 0 00-2.594-5.44 1 1 0 00-1.407.147z'
-      {...props}
-    />
-  </RootSvg>
-);

package/src/icons/HTML.tsx

@@ -1,30 +0,0 @@
-import React from 'react';
-
-import { IconProps, RootPath, RootSvg } from './utils/base';
-
-export const HTML = (props: IconProps) => (
-  <RootSvg
-    height={props.height || 40}
-    viewBox={props.viewBox || '0 0 34 40'}
-    width={props.width || 34}
-    {...props}
-  >
-    <RootPath
-      d='M0 3a3 3 0 013-3h20.333l10 10v27a3 3 0 01-3 3H3a3 3 0 01-3-3V3z'
-      pathFill='#F5F5F5'
-    />
-    <RootPath d='M0 28h33.333v9a3 3 0 01-3 3H3a3 3 0 01-3-3v-9z' pathFill='#EC7421' />
-    <RootPath
-      d='M25.865 9.99a2.48 2.48 0 01-2.48-2.48V.058L33.33 9.99h-7.466z'
-      pathFill='#DBDBDB'
-    />
-    <RootPath
-      d='M10.749 36h-1.19v-4.998h1.19v1.862h.014c.182-.371.672-.602 1.106-.602 1.21 0 1.309.882 1.309 1.407V36h-1.19v-1.757-.11c.004-.459.008-.891-.595-.891-.448 0-.644.378-.644.777V36zm4.675-3.633h.735v.77h-.735v1.652c0 .287.168.35.427.35.048 0 .098-.003.148-.007.053-.003.106-.007.16-.007V36a6.69 6.69 0 00-.28.017c-.123.009-.247.018-.371.018-1.015 0-1.274-.294-1.274-1.28v-1.618h-.602v-.77h.602v-1.099h1.19v1.1zM16.689 36h1.19v-1.77c0-.743.181-.988.608-.988.323 0 .449.266.449.693V36h1.19v-1.778c0-.588.048-.98.56-.98.308 0 .497.231.497.623V36h1.19v-2.17c0-.693-.127-1.568-1.282-1.568-.49 0-.847.203-1.134.588-.195-.44-.602-.588-1.056-.588-.442 0-.826.238-1.043.602h-.015v-.497H16.69V36zm7.712 0h-1.19v-4.998h1.19V36z'
-      pathFill='#FFFFFF'
-    />
-    <RootPath
-      d='M14.56 19.096v-1.848l-3.683-1.272v-.024l3.684-1.272v-1.848l-6.096 2.28v1.704l6.096 2.28zM19.445 19.096l6.096-2.28v-1.704l-6.096-2.28v1.848l3.684 1.272v.024l-3.684 1.272v1.848z'
-      pathFill='#CFCFCF'
-    />
-  </RootSvg>
-);

package/src/icons/LOLReaction.tsx

@@ -1,12 +0,0 @@
-import React from 'react';
-
-import { IconProps, RootPath, RootSvg } from './utils/base';
-
-export const LOLReaction = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
-      d='M6.677 21.168l-.78.353c-1.868.844-2.827 1.041-2.877.59-.058-.523-.083-2.454-.074-5.794.01-2.216.028-4.422.052-6.619.046-.29.409-.587 1.088-.894.668-.302 1.094-.386 1.276-.251.05.054.091.22.122.5.124 1.12.154 4.002.09 8.645-.01.516-.014.99-.01 1.423l2.841-1.361c.279-.1.482-.023.611.232s.204.486.227.693c.083.742-.134 1.25-.65 1.521l-.523.256c-.506.267-.97.502-1.393.706zM12.127 18.762c-1.259.505-2.107.316-2.545-.566-.438-.882-.719-1.883-.843-3.003-.056-.51-.09-1.07-.102-1.679-.055-1.905.15-3.615.618-5.13.467-1.515 1.327-2.555 2.58-3.121l.031-.015c1.262-.48 2.113-.29 2.554.571.441.862.722 1.834.842 2.917.06.536.09 1.116.092 1.741.128 4.467-.948 7.229-3.227 8.285zm-.076-2.65c.61-.327.884-1.87.824-4.629a20.043 20.043 0 00-.109-1.887 16.226 16.226 0 00-.208-1.276c-.103-.523-.328-.744-.676-.663-.34.153-.571.677-.695 1.57a19.154 19.154 0 00-.15 3.01c.011.711.048 1.346.11 1.906.038.341.11.774.22 1.3.108.527.336.75.684.67zM20 15.145l-.78.352c-1.867.845-2.826 1.042-2.876.591-.058-.523-.082-2.455-.074-5.794.011-2.216.028-4.423.052-6.62.046-.288.409-.586 1.088-.894.669-.302 1.094-.385 1.276-.25.05.053.091.22.122.5.125 1.12.154 4.002.09 8.645-.01.516-.013.99-.01 1.423l2.841-1.361c.28-.1.483-.023.611.232.129.255.205.486.227.693.083.742-.134 1.25-.65 1.52l-.523.256c-.506.267-.97.503-1.393.707z'
-      {...props}
-    />
-  </RootSvg>
-);

package/src/icons/LoveReaction.tsx

@@ -1,12 +0,0 @@
-import React from 'react';
-
-import { IconProps, RootPath, RootSvg } from './utils/base';
-
-export const LoveReaction = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
-      d='M12 21c.908.034 7.233-4.051 9.135-8.146 1.154-2.484 1.153-4.793-.003-6.503C20.136 4.879 18.396 4 16.478 4 13.712 4 12.575 6.684 12 6.684 11.425 6.684 10.422 4 7.523 4c-1.92 0-3.66.879-4.655 2.35-1.156 1.71-1.157 4.02-.003 6.505C4.767 16.948 11.092 20.966 12 21z'
-      {...props}
-    />
-  </RootSvg>
-);

package/src/icons/MD.tsx

@@ -1,30 +0,0 @@
-import React from 'react';
-
-import { IconProps, RootPath, RootSvg } from './utils/base';
-
-export const MD = (props: IconProps) => (
-  <RootSvg
-    height={props.height || 40}
-    viewBox={props.viewBox || '0 0 34 40'}
-    width={props.width || 34}
-    {...props}
-  >
-    <RootPath
-      d='M0 3a3 3 0 013-3h20.333l10 10v27a3 3 0 01-3 3H3a3 3 0 01-3-3V3z'
-      pathFill='#F5F5F5'
-    />
-    <RootPath d='M0 28h33.333v9a3 3 0 01-3 3H3a3 3 0 01-3-3v-9z' pathFill='#A8A8A8' />
-    <RootPath
-      d='M25.865 9.99a2.48 2.48 0 01-2.48-2.48V.058L33.33 9.99h-7.466z'
-      pathFill='#DBDBDB'
-    />
-    <RootPath
-      d='M7.98 14.131v-1.66h14.962v1.661H7.98zm9.976 1.663H7.98v1.662h9.976v-1.662zM7.98 20.78h14.962v-1.66H7.98v1.662-.002z'
-      pathFill='#CFCFCF'
-    />
-    <RootPath
-      d='M11.954 36h1.19v-1.771c0-.742.182-.987.61-.987.321 0 .447.266.447.693V36h1.19v-1.778c0-.588.05-.98.56-.98.308 0 .497.231.497.623V36h1.19v-2.17c0-.693-.126-1.568-1.28-1.568-.49 0-.848.203-1.135.588-.196-.441-.602-.588-1.057-.588-.44 0-.826.238-1.043.602h-.014v-.497h-1.155V36zm8.224-2.828c.518 0 .707.483.707 1.008 0 .462-.126 1.015-.707 1.015-.546 0-.728-.553-.728-1.05 0-.462.182-.973.728-.973zm1.855-2.17h-1.19v1.757h-.014c-.245-.329-.588-.497-1.036-.497-1.03 0-1.533.896-1.533 1.841 0 1.022.483 2.002 1.624 2.002.42 0 .77-.182 1-.525h.015V36h1.134v-4.998z'
-      pathFill='#FFFFFF'
-    />
-  </RootSvg>
-);

package/src/icons/MailOpen.tsx

@@ -1,12 +0,0 @@
-import React from 'react';
-
-import { IconProps, RootPath, RootSvg } from './utils/base';
-
-export const MailOpen = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
-      d='M11.445 2.168a1 1 0 011.11 0l9 6A1 1 0 0122 9v12a1 1 0 01-1 1H3a1 1 0 01-1-1V9a1 1 0 01.445-.832l9-6zM4 10.868l7.445 4.964a1 1 0 001.11 0L20 10.868V20H4v-9.132zM19.197 9L12 13.798 4.803 9 12 4.202 19.197 9z'
-      {...props}
-    />
-  </RootSvg>
-);

package/src/icons/MenuPointVertical.tsx

@@ -1,12 +0,0 @@
-import React from 'react';
-
-import { IconProps, RootPath, RootSvg } from './utils/base';
-
-export const MenuPointVertical = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
-      d='M12 8a2 2 0 110-4 2 2 0 010 4zM12 14a2 2 0 110-4 2 2 0 010 4zM12 20a2 2 0 110-4 2 2 0 010 4z'
-      {...props}
-    />
-  </RootSvg>
-);