feat!: use icons from @taskany/icons

package.json

@@ -79,11 +79,11 @@
   "dependencies": {
     "@monaco-editor/react": "4.5.1",
     "@taskany/colors": "1.1.0",
+    "@taskany/icons": "1.1.0",
     "@tippyjs/react": "4.2.6",
     "color-layer": "1.0.3",
     "md5": "2.3.0",
-    "react-dropzone": "14.2.3",
-    "teenyicons": "0.4.1"
+    "react-dropzone": "14.2.3"
   },
   "sideEffects": false
 }

src/components/Dropdown.tsx

@@ -2,14 +2,14 @@
 import React, { useCallback, useEffect, useRef, useState, ComponentProps } from 'react';
 import styled from 'styled-components';
 import { danger10 } from '@taskany/colors';
+import { IconXOutline } from '@taskany/icons';
 
 import { nullable } from '../utils/nullable';
 import { useKeyPress } from '../hooks/useKeyPress';
 import { useKeyboard, KeyCode } from '../hooks/useKeyboard';
 
 import { Popup } from './Popup';
 import { Input } from './Input';
-import { CrossIcon } from './Icon/CrossIcon';
 import { MenuItem } from './MenuItem';
 
 interface DropdownTriggerProps {
@@ -210,7 +210,7 @@ export const Dropdown = React.forwardRef<HTMLDivElement, DropdownProps>(
                                     onSearchChange && onSearchChange(value);
                                 }}
                                 iconRight={
-                                    <CrossIcon
+                                    <IconXOutline
                                         size="xxs"
                                         onClick={() => {
                                             setQuery('');

src/components/FormEditor.tsx

@@ -4,6 +4,7 @@ import styled from 'styled-components';
 import { useDropzone } from 'react-dropzone';
 import Editor from '@monaco-editor/react';
 import { danger10, gapS, gapXs, gray2, gray3, gray4, gray6, gray8, radiusS, textColor } from '@taskany/colors';
+import { IconAttachOutline } from '@taskany/icons';
 
 import { nullable } from '../utils/nullable';
 import { useKeyboard, KeyCode } from '../hooks/useKeyboard';
@@ -13,7 +14,6 @@ import { formContext } from '../context/form';
 
 import { Popup } from './Popup';
 import { Link } from './Link';
-import { AttachIcon } from './Icon';
 
 interface FormEditorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onBlur' | 'onFocus'> {
     id?: string;
@@ -244,7 +244,7 @@ const StyledUploadLink = styled(Link)`
     margin-right: ${gapXs};
 `;
 
-const StyledUploadIcon = styled(AttachIcon)`
+const StyledUploadIcon = styled(IconAttachOutline)`
     position: relative;
     top: 2px;
     padding-right: ${gapXs};

src/components/FormMultiInput.tsx

@@ -2,11 +2,11 @@
 import React, { useCallback, useState, ChangeEvent, useEffect, useContext } from 'react';
 import styled from 'styled-components';
 import { gapS, gray3, gray8, radiusS, textColor } from '@taskany/colors';
+import { IconPlusCircleOutline } from '@taskany/icons';
 
 import { nullable } from '../utils/nullable';
 import { formContext } from '../context/form';
 
-import { PlusIcon } from './Icon/PlusIcon';
 import { Text } from './Text';
 import { Tag, TagCleanButton } from './Tag';
 import { Input } from './Input';
@@ -122,7 +122,7 @@ export const FormMultiInput = React.forwardRef<HTMLDivElement, FormMultiInputPro
                     disabled={disabled}
                     onChange={onValueAdd}
                     items={items}
-                    renderTrigger={(props) => <PlusIcon size="xs" onClick={props.onClick} />}
+                    renderTrigger={(props) => <IconPlusCircleOutline size="xs" onClick={props.onClick} />}
                     renderInput={(props) => (
                         <StyledInput
                             autoFocus