From f6e6d280de1f01212fab673407a25ca203dfff87 Mon Sep 17 00:00:00 2001 From: Tony Vi Date: Thu, 24 Aug 2023 18:50:08 +0200 Subject: [PATCH] feat!: use icons from @taskany/icons --- package-lock.json | 61 ++++++++++++++++++- package.json | 4 +- src/components/Dropdown.tsx | 4 +- src/components/FormEditor.tsx | 4 +- src/components/FormMultiInput.tsx | 4 +- src/components/Icon/AddIcon.tsx | 8 --- src/components/Icon/AddSmallIcon.tsx | 8 --- src/components/Icon/ArrowDownSmallIcon.tsx | 8 --- src/components/Icon/ArrowRightIcon.tsx | 8 --- src/components/Icon/ArrowRightSmallIcon.tsx | 8 --- src/components/Icon/ArrowUpSmallIcon.tsx | 8 --- src/components/Icon/AttachIcon.tsx | 8 --- src/components/Icon/BaseIcon.tsx | 52 ---------------- src/components/Icon/BinIcon.tsx | 8 --- src/components/Icon/BookmarkIcon.tsx | 8 --- src/components/Icon/BuildingIcon.tsx | 8 --- src/components/Icon/BulbOnIcon.tsx | 8 --- src/components/Icon/CalendarIcon.tsx | 8 --- src/components/Icon/CalendarTickIcon.tsx | 8 --- src/components/Icon/CircleIcon.tsx | 8 --- src/components/Icon/ClipboardPlusIcon.tsx | 8 --- src/components/Icon/ClipboardTickIcon.tsx | 8 --- src/components/Icon/CogIcon.tsx | 8 --- src/components/Icon/CrossIcon.tsx | 8 --- src/components/Icon/DividerLineIcon.tsx | 8 --- .../Icon/DoubleCaretRightCircleIcon.tsx | 8 --- src/components/Icon/EditCircleIcon.tsx | 8 --- src/components/Icon/EditIcon.tsx | 8 --- src/components/Icon/ElbowConnectorIcon.tsx | 8 --- src/components/Icon/EmojiIcon.tsx | 8 --- src/components/Icon/EnvelopeIcon.tsx | 8 --- src/components/Icon/ExternalLinkIcon.tsx | 26 -------- src/components/Icon/EyeClosedIcon.tsx | 8 --- src/components/Icon/EyeIcon.tsx | 8 --- src/components/Icon/FileIcon.tsx | 8 --- src/components/Icon/FlowIcon.tsx | 8 --- src/components/Icon/GitForkIcon.tsx | 8 --- src/components/Icon/GitHubIcon.tsx | 8 --- src/components/Icon/GitLabIcon.tsx | 8 --- src/components/Icon/GoalIcon.tsx | 8 --- src/components/Icon/KeyIcon.tsx | 8 --- src/components/Icon/LocationIcon.tsx | 8 --- src/components/Icon/MarkdownIcon.tsx | 8 --- src/components/Icon/MessageIcon.tsx | 8 --- src/components/Icon/MessageTextAltIcon.tsx | 8 --- src/components/Icon/MessageTickIcon.tsx | 8 --- src/components/Icon/MoonIcon.tsx | 8 --- src/components/Icon/MoreHorizontalIcon.tsx | 8 --- src/components/Icon/MoreVerticalIcon.tsx | 8 --- src/components/Icon/PinAltIcon.tsx | 8 --- src/components/Icon/PlusIcon.tsx | 8 --- src/components/Icon/ProjectIcon.tsx | 8 --- src/components/Icon/QuestionIcon.tsx | 8 --- src/components/Icon/SearchIcon.tsx | 8 --- src/components/Icon/StarFilledIcon.tsx | 8 --- src/components/Icon/StarIcon.tsx | 8 --- src/components/Icon/SunIcon.tsx | 8 --- src/components/Icon/TagIcon.tsx | 8 --- src/components/Icon/TargetIcon.tsx | 8 --- src/components/Icon/TelegramIcon.tsx | 8 --- src/components/Icon/TickCircleIcon.tsx | 8 --- src/components/Icon/UserIcon.tsx | 8 --- src/components/Icon/WandIcon.tsx | 8 --- src/components/Icon/index.ts | 58 ------------------ src/components/Modal.tsx | 4 +- src/components/index.tsx | 1 - src/stories/Filter.stories.tsx | 5 +- src/stories/Header.stories.tsx | 12 ++-- src/stories/Table.stories.tsx | 6 +- 69 files changed, 80 insertions(+), 609 deletions(-) delete mode 100644 src/components/Icon/AddIcon.tsx delete mode 100644 src/components/Icon/AddSmallIcon.tsx delete mode 100644 src/components/Icon/ArrowDownSmallIcon.tsx delete mode 100644 src/components/Icon/ArrowRightIcon.tsx delete mode 100644 src/components/Icon/ArrowRightSmallIcon.tsx delete mode 100644 src/components/Icon/ArrowUpSmallIcon.tsx delete mode 100644 src/components/Icon/AttachIcon.tsx delete mode 100644 src/components/Icon/BaseIcon.tsx delete mode 100644 src/components/Icon/BinIcon.tsx delete mode 100644 src/components/Icon/BookmarkIcon.tsx delete mode 100644 src/components/Icon/BuildingIcon.tsx delete mode 100644 src/components/Icon/BulbOnIcon.tsx delete mode 100644 src/components/Icon/CalendarIcon.tsx delete mode 100644 src/components/Icon/CalendarTickIcon.tsx delete mode 100644 src/components/Icon/CircleIcon.tsx delete mode 100644 src/components/Icon/ClipboardPlusIcon.tsx delete mode 100644 src/components/Icon/ClipboardTickIcon.tsx delete mode 100644 src/components/Icon/CogIcon.tsx delete mode 100644 src/components/Icon/CrossIcon.tsx delete mode 100644 src/components/Icon/DividerLineIcon.tsx delete mode 100644 src/components/Icon/DoubleCaretRightCircleIcon.tsx delete mode 100644 src/components/Icon/EditCircleIcon.tsx delete mode 100644 src/components/Icon/EditIcon.tsx delete mode 100644 src/components/Icon/ElbowConnectorIcon.tsx delete mode 100644 src/components/Icon/EmojiIcon.tsx delete mode 100644 src/components/Icon/EnvelopeIcon.tsx delete mode 100644 src/components/Icon/ExternalLinkIcon.tsx delete mode 100644 src/components/Icon/EyeClosedIcon.tsx delete mode 100644 src/components/Icon/EyeIcon.tsx delete mode 100644 src/components/Icon/FileIcon.tsx delete mode 100644 src/components/Icon/FlowIcon.tsx delete mode 100644 src/components/Icon/GitForkIcon.tsx delete mode 100644 src/components/Icon/GitHubIcon.tsx delete mode 100644 src/components/Icon/GitLabIcon.tsx delete mode 100644 src/components/Icon/GoalIcon.tsx delete mode 100644 src/components/Icon/KeyIcon.tsx delete mode 100644 src/components/Icon/LocationIcon.tsx delete mode 100644 src/components/Icon/MarkdownIcon.tsx delete mode 100644 src/components/Icon/MessageIcon.tsx delete mode 100644 src/components/Icon/MessageTextAltIcon.tsx delete mode 100644 src/components/Icon/MessageTickIcon.tsx delete mode 100644 src/components/Icon/MoonIcon.tsx delete mode 100644 src/components/Icon/MoreHorizontalIcon.tsx delete mode 100644 src/components/Icon/MoreVerticalIcon.tsx delete mode 100644 src/components/Icon/PinAltIcon.tsx delete mode 100644 src/components/Icon/PlusIcon.tsx delete mode 100644 src/components/Icon/ProjectIcon.tsx delete mode 100644 src/components/Icon/QuestionIcon.tsx delete mode 100644 src/components/Icon/SearchIcon.tsx delete mode 100644 src/components/Icon/StarFilledIcon.tsx delete mode 100644 src/components/Icon/StarIcon.tsx delete mode 100644 src/components/Icon/SunIcon.tsx delete mode 100644 src/components/Icon/TagIcon.tsx delete mode 100644 src/components/Icon/TargetIcon.tsx delete mode 100644 src/components/Icon/TelegramIcon.tsx delete mode 100644 src/components/Icon/TickCircleIcon.tsx delete mode 100644 src/components/Icon/UserIcon.tsx delete mode 100644 src/components/Icon/WandIcon.tsx delete mode 100644 src/components/Icon/index.ts diff --git a/package-lock.json b/package-lock.json index 97d0a114..ed037ef1 100644 --- a/package-lock.json +++ b/package-lock.json @@ -11,11 +11,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" }, "devDependencies": { "@babel/cli": "7.22.5", @@ -14123,6 +14123,26 @@ "url": "https://opencollective.com/storybook" } }, + "node_modules/@taskany/bricks": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/@taskany/bricks/-/bricks-2.2.1.tgz", + "integrity": "sha512-pGoIs55mvuImSvxbj0lvnQQ2HPWq/CHlyHBxBx822tDsVuxG2A7mh2mCoUTwcv3yUv/p+zeYnhAtEbxk3oZE7A==", + "peer": true, + "dependencies": { + "@monaco-editor/react": "4.5.1", + "@taskany/colors": "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" + }, + "peerDependencies": { + "react": "^18.2.0", + "react-dom": "^18.2.0", + "styled-components": "^5.3.11" + } + }, "node_modules/@taskany/colors": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/@taskany/colors/-/colors-1.1.0.tgz", @@ -14131,6 +14151,20 @@ "styled-components": "^5.3.11" } }, + "node_modules/@taskany/icons": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@taskany/icons/-/icons-1.1.0.tgz", + "integrity": "sha512-SUEWE59vjv1H1iZZRJmkiJ4Gtm/bnqjxICjkWOqvthKTFXQWkgEH+CBt4DGjQKte3EuTWTQmKorrkIcDIQaE9g==", + "dependencies": { + "teenyicons": "0.4.1" + }, + "peerDependencies": { + "@taskany/bricks": "^2.0.0", + "react": "^18.2.0", + "react-dom": "^18.2.0", + "styled-components": "^5.3.11" + } + }, "node_modules/@testing-library/dom": { "version": "9.3.1", "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-9.3.1.tgz", @@ -36234,12 +36268,35 @@ "file-system-cache": "2.3.0" } }, + "@taskany/bricks": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/@taskany/bricks/-/bricks-2.2.1.tgz", + "integrity": "sha512-pGoIs55mvuImSvxbj0lvnQQ2HPWq/CHlyHBxBx822tDsVuxG2A7mh2mCoUTwcv3yUv/p+zeYnhAtEbxk3oZE7A==", + "peer": true, + "requires": { + "@monaco-editor/react": "4.5.1", + "@taskany/colors": "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" + } + }, "@taskany/colors": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/@taskany/colors/-/colors-1.1.0.tgz", "integrity": "sha512-dnegHce/D5x4I8zcEhEw6GGgu8rrz4kqB0HNMVFxnKv/M0MITKUI46sHC6HiDhSyGzyQewhpKn9jwMMFB2vYuw==", "requires": {} }, + "@taskany/icons": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@taskany/icons/-/icons-1.1.0.tgz", + "integrity": "sha512-SUEWE59vjv1H1iZZRJmkiJ4Gtm/bnqjxICjkWOqvthKTFXQWkgEH+CBt4DGjQKte3EuTWTQmKorrkIcDIQaE9g==", + "requires": { + "teenyicons": "0.4.1" + } + }, "@testing-library/dom": { "version": "9.3.1", "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-9.3.1.tgz", diff --git a/package.json b/package.json index 3363a438..5b26b721 100644 --- a/package.json +++ b/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 } diff --git a/src/components/Dropdown.tsx b/src/components/Dropdown.tsx index a2054400..f64364de 100644 --- a/src/components/Dropdown.tsx +++ b/src/components/Dropdown.tsx @@ -2,6 +2,7 @@ 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'; @@ -9,7 +10,6 @@ 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( onSearchChange && onSearchChange(value); }} iconRight={ - { setQuery(''); diff --git a/src/components/FormEditor.tsx b/src/components/FormEditor.tsx index d5216744..202d96db 100644 --- a/src/components/FormEditor.tsx +++ b/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, '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}; diff --git a/src/components/FormMultiInput.tsx b/src/components/FormMultiInput.tsx index 2f7e8cc9..109e313f 100644 --- a/src/components/FormMultiInput.tsx +++ b/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 } + renderTrigger={(props) => } renderInput={(props) => ( >((props, ref) => ( - -)); diff --git a/src/components/Icon/AddSmallIcon.tsx b/src/components/Icon/AddSmallIcon.tsx deleted file mode 100644 index 610da873..00000000 --- a/src/components/Icon/AddSmallIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/add-small.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const AddSmallIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/ArrowDownSmallIcon.tsx b/src/components/Icon/ArrowDownSmallIcon.tsx deleted file mode 100644 index dd5a9ab9..00000000 --- a/src/components/Icon/ArrowDownSmallIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/solid/down-small.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const ArrowDownSmallIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/ArrowRightIcon.tsx b/src/components/Icon/ArrowRightIcon.tsx deleted file mode 100644 index 8a997af5..00000000 --- a/src/components/Icon/ArrowRightIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/solid/arrow-right.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const ArrowRightIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/ArrowRightSmallIcon.tsx b/src/components/Icon/ArrowRightSmallIcon.tsx deleted file mode 100644 index 3f948034..00000000 --- a/src/components/Icon/ArrowRightSmallIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/solid/arrow-right-small.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const ArrowRightSmallIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/ArrowUpSmallIcon.tsx b/src/components/Icon/ArrowUpSmallIcon.tsx deleted file mode 100644 index 88f821a1..00000000 --- a/src/components/Icon/ArrowUpSmallIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/solid/up-small.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const ArrowUpSmallIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/AttachIcon.tsx b/src/components/Icon/AttachIcon.tsx deleted file mode 100644 index eeeeb3e3..00000000 --- a/src/components/Icon/AttachIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/attach.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const AttachIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/BaseIcon.tsx b/src/components/Icon/BaseIcon.tsx deleted file mode 100644 index a7c5d39b..00000000 --- a/src/components/Icon/BaseIcon.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import React from 'react'; -import styled from 'styled-components'; - -export const iconSizesMap = { - xxs: 12, - xs: 14, - s: 15, - m: 32, - l: 48, -}; - -export interface BaseIconProps extends React.HTMLAttributes { - size: keyof typeof iconSizesMap | number; - value: React.FunctionComponent>; - color?: string; - stroke?: number; - className?: string; - noWrap?: boolean; - - onClick?: (e: React.MouseEvent) => void; -} - -const StyledIcon = styled.span<{ onClick?: BaseIconProps['onClick']; color?: BaseIconProps['color'] }>` - ${({ color }) => - color && - ` - color: ${color}; - `} - - ${({ onClick }) => - onClick && - ` - cursor: pointer; - `} -`; - -export const BaseIcon = React.forwardRef( - ({ size, value: Component, color = 'inherit', stroke = 1, onClick, noWrap, ...props }, ref) => { - const sizePx = `${typeof size === 'string' ? iconSizesMap[size] : size}px`; - const content = ( - - ); - - return noWrap ? ( - content - ) : ( - - {content} - - ); - }, -); diff --git a/src/components/Icon/BinIcon.tsx b/src/components/Icon/BinIcon.tsx deleted file mode 100644 index 8fb70c84..00000000 --- a/src/components/Icon/BinIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/bin.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const BinIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/BookmarkIcon.tsx b/src/components/Icon/BookmarkIcon.tsx deleted file mode 100644 index a6ab8304..00000000 --- a/src/components/Icon/BookmarkIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/bookmark.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const BookmarkIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/BuildingIcon.tsx b/src/components/Icon/BuildingIcon.tsx deleted file mode 100644 index ce64c9c6..00000000 --- a/src/components/Icon/BuildingIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/building.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const BuildingIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/BulbOnIcon.tsx b/src/components/Icon/BulbOnIcon.tsx deleted file mode 100644 index 4ba4fda0..00000000 --- a/src/components/Icon/BulbOnIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/bulb-on.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const BulbOnIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/CalendarIcon.tsx b/src/components/Icon/CalendarIcon.tsx deleted file mode 100644 index 32f1e3e7..00000000 --- a/src/components/Icon/CalendarIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/calendar.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const CalendarIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/CalendarTickIcon.tsx b/src/components/Icon/CalendarTickIcon.tsx deleted file mode 100644 index 9fc78a7a..00000000 --- a/src/components/Icon/CalendarTickIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/calendar-tick.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const CalendarTickIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/CircleIcon.tsx b/src/components/Icon/CircleIcon.tsx deleted file mode 100644 index 1f3e5418..00000000 --- a/src/components/Icon/CircleIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/circle.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const CircleIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/ClipboardPlusIcon.tsx b/src/components/Icon/ClipboardPlusIcon.tsx deleted file mode 100644 index f9636bf7..00000000 --- a/src/components/Icon/ClipboardPlusIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/clipboard-plus.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const ClipboardPlusIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/ClipboardTickIcon.tsx b/src/components/Icon/ClipboardTickIcon.tsx deleted file mode 100644 index 7a267075..00000000 --- a/src/components/Icon/ClipboardTickIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/clipboard-tick.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const ClipboardTickIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/CogIcon.tsx b/src/components/Icon/CogIcon.tsx deleted file mode 100644 index c324369e..00000000 --- a/src/components/Icon/CogIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/cog.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const CogIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/CrossIcon.tsx b/src/components/Icon/CrossIcon.tsx deleted file mode 100644 index f0907a3f..00000000 --- a/src/components/Icon/CrossIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/x.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const CrossIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/DividerLineIcon.tsx b/src/components/Icon/DividerLineIcon.tsx deleted file mode 100644 index 0252ae4b..00000000 --- a/src/components/Icon/DividerLineIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/divider-line.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const DividerLineIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/DoubleCaretRightCircleIcon.tsx b/src/components/Icon/DoubleCaretRightCircleIcon.tsx deleted file mode 100644 index f55fb712..00000000 --- a/src/components/Icon/DoubleCaretRightCircleIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/solid/double-caret-right-circle.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const DoubleCaretRightCircleIcon = React.forwardRef>( - (props, ref) => , -); diff --git a/src/components/Icon/EditCircleIcon.tsx b/src/components/Icon/EditCircleIcon.tsx deleted file mode 100644 index 717fb710..00000000 --- a/src/components/Icon/EditCircleIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/edit-circle.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const EditCircleIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/EditIcon.tsx b/src/components/Icon/EditIcon.tsx deleted file mode 100644 index a17b4a71..00000000 --- a/src/components/Icon/EditIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/edit.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const EditIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/ElbowConnectorIcon.tsx b/src/components/Icon/ElbowConnectorIcon.tsx deleted file mode 100644 index 2e244557..00000000 --- a/src/components/Icon/ElbowConnectorIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/elbow-connector.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const ElbowConnectorIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/EmojiIcon.tsx b/src/components/Icon/EmojiIcon.tsx deleted file mode 100644 index e032c6b0..00000000 --- a/src/components/Icon/EmojiIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/mood-tongue.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const EmojiIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/EnvelopeIcon.tsx b/src/components/Icon/EnvelopeIcon.tsx deleted file mode 100644 index f31e963d..00000000 --- a/src/components/Icon/EnvelopeIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/envelope.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const EnvelopeIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/ExternalLinkIcon.tsx b/src/components/Icon/ExternalLinkIcon.tsx deleted file mode 100644 index fc1d7e1f..00000000 --- a/src/components/Icon/ExternalLinkIcon.tsx +++ /dev/null @@ -1,26 +0,0 @@ -import React from 'react'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -const icon: React.FunctionComponent> = (props) => ( - - - -); - -export const ExternalLinkIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/EyeClosedIcon.tsx b/src/components/Icon/EyeClosedIcon.tsx deleted file mode 100644 index e285e6b8..00000000 --- a/src/components/Icon/EyeClosedIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/eye-closed.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const EyeClosedIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/EyeIcon.tsx b/src/components/Icon/EyeIcon.tsx deleted file mode 100644 index ab1e0dbb..00000000 --- a/src/components/Icon/EyeIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/eye.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const EyeIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/FileIcon.tsx b/src/components/Icon/FileIcon.tsx deleted file mode 100644 index d9db9f47..00000000 --- a/src/components/Icon/FileIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/file.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const FileIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/FlowIcon.tsx b/src/components/Icon/FlowIcon.tsx deleted file mode 100644 index 7de096ec..00000000 --- a/src/components/Icon/FlowIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/git-compare.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const FlowIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/GitForkIcon.tsx b/src/components/Icon/GitForkIcon.tsx deleted file mode 100644 index 4421e82e..00000000 --- a/src/components/Icon/GitForkIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/git-fork.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const GitForkIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/GitHubIcon.tsx b/src/components/Icon/GitHubIcon.tsx deleted file mode 100644 index d613136c..00000000 --- a/src/components/Icon/GitHubIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/github.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const GitHubIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/GitLabIcon.tsx b/src/components/Icon/GitLabIcon.tsx deleted file mode 100644 index 55165a16..00000000 --- a/src/components/Icon/GitLabIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/gitlab.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const GitLabIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/GoalIcon.tsx b/src/components/Icon/GoalIcon.tsx deleted file mode 100644 index afce9fa1..00000000 --- a/src/components/Icon/GoalIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/target.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const GoalIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/KeyIcon.tsx b/src/components/Icon/KeyIcon.tsx deleted file mode 100644 index afe6e23b..00000000 --- a/src/components/Icon/KeyIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/key.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const KeyIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/LocationIcon.tsx b/src/components/Icon/LocationIcon.tsx deleted file mode 100644 index 5cbba2ef..00000000 --- a/src/components/Icon/LocationIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/location.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const LocationIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/MarkdownIcon.tsx b/src/components/Icon/MarkdownIcon.tsx deleted file mode 100644 index 3dfa996b..00000000 --- a/src/components/Icon/MarkdownIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/markdown.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const MarkdownIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/MessageIcon.tsx b/src/components/Icon/MessageIcon.tsx deleted file mode 100644 index a4ca0c1b..00000000 --- a/src/components/Icon/MessageIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/message.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const MessageIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/MessageTextAltIcon.tsx b/src/components/Icon/MessageTextAltIcon.tsx deleted file mode 100644 index d9bfdfdf..00000000 --- a/src/components/Icon/MessageTextAltIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/message-text-alt.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const MessageTextAltIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/MessageTickIcon.tsx b/src/components/Icon/MessageTickIcon.tsx deleted file mode 100644 index 8da8c277..00000000 --- a/src/components/Icon/MessageTickIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/message-tick.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const MessageTickIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/MoonIcon.tsx b/src/components/Icon/MoonIcon.tsx deleted file mode 100644 index 8fff099c..00000000 --- a/src/components/Icon/MoonIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/moon.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const MoonIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/MoreHorizontalIcon.tsx b/src/components/Icon/MoreHorizontalIcon.tsx deleted file mode 100644 index 98110b3f..00000000 --- a/src/components/Icon/MoreHorizontalIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/more-horizontal.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const MoreHorizontalIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/MoreVerticalIcon.tsx b/src/components/Icon/MoreVerticalIcon.tsx deleted file mode 100644 index 7e0fcfdf..00000000 --- a/src/components/Icon/MoreVerticalIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/more-vertical.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const MoreVerticalIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/PinAltIcon.tsx b/src/components/Icon/PinAltIcon.tsx deleted file mode 100644 index ba3a68a2..00000000 --- a/src/components/Icon/PinAltIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/pin-alt.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const PinAltIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/PlusIcon.tsx b/src/components/Icon/PlusIcon.tsx deleted file mode 100644 index 641cac62..00000000 --- a/src/components/Icon/PlusIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/plus-circle.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const PlusIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/ProjectIcon.tsx b/src/components/Icon/ProjectIcon.tsx deleted file mode 100644 index 3fc6d5ae..00000000 --- a/src/components/Icon/ProjectIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/users.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const ProjectIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/QuestionIcon.tsx b/src/components/Icon/QuestionIcon.tsx deleted file mode 100644 index 835e8289..00000000 --- a/src/components/Icon/QuestionIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/question-circle.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const QuestionIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/SearchIcon.tsx b/src/components/Icon/SearchIcon.tsx deleted file mode 100644 index 0fe636b0..00000000 --- a/src/components/Icon/SearchIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/search.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const SearchIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/StarFilledIcon.tsx b/src/components/Icon/StarFilledIcon.tsx deleted file mode 100644 index 00788b64..00000000 --- a/src/components/Icon/StarFilledIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/solid/star.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const StarFilledIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/StarIcon.tsx b/src/components/Icon/StarIcon.tsx deleted file mode 100644 index 85cc0a7e..00000000 --- a/src/components/Icon/StarIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/star.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const StarIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/SunIcon.tsx b/src/components/Icon/SunIcon.tsx deleted file mode 100644 index 432faac6..00000000 --- a/src/components/Icon/SunIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/sun.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const SunIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/TagIcon.tsx b/src/components/Icon/TagIcon.tsx deleted file mode 100644 index 8ac40f89..00000000 --- a/src/components/Icon/TagIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/tag.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const TagIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/TargetIcon.tsx b/src/components/Icon/TargetIcon.tsx deleted file mode 100644 index 3635c9db..00000000 --- a/src/components/Icon/TargetIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/target.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const TargetIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/TelegramIcon.tsx b/src/components/Icon/TelegramIcon.tsx deleted file mode 100644 index 7a5a96c5..00000000 --- a/src/components/Icon/TelegramIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/telegram.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const TelegramIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/TickCircleIcon.tsx b/src/components/Icon/TickCircleIcon.tsx deleted file mode 100644 index d2a14345..00000000 --- a/src/components/Icon/TickCircleIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/tick-circle.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const TickCircleIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/UserIcon.tsx b/src/components/Icon/UserIcon.tsx deleted file mode 100644 index f53c9369..00000000 --- a/src/components/Icon/UserIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/user.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const UserIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/WandIcon.tsx b/src/components/Icon/WandIcon.tsx deleted file mode 100644 index 46b4d31e..00000000 --- a/src/components/Icon/WandIcon.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import icon from 'teenyicons/outline/wand.svg'; - -import { BaseIcon, BaseIconProps } from './BaseIcon'; - -export const WandIcon = React.forwardRef>((props, ref) => ( - -)); diff --git a/src/components/Icon/index.ts b/src/components/Icon/index.ts deleted file mode 100644 index 44c25643..00000000 --- a/src/components/Icon/index.ts +++ /dev/null @@ -1,58 +0,0 @@ -export * from './PlusIcon'; -export * from './UserIcon'; -export * from './SunIcon'; -export * from './MoonIcon'; -export * from './CrossIcon'; -export * from './ElbowConnectorIcon'; -export * from './BookmarkIcon'; -export * from './BuildingIcon'; -export * from './BulbOnIcon'; -export * from './CogIcon'; -export * from './WandIcon'; -export * from './LocationIcon'; -export * from './ArrowDownSmallIcon'; -export * from './ArrowUpSmallIcon'; -export * from './ClipboardPlusIcon'; -export * from './ClipboardTickIcon'; -export * from './CalendarTickIcon'; -export * from './CalendarIcon'; -export * from './FlowIcon'; -export * from './TagIcon'; -export * from './SearchIcon'; -export * from './GitForkIcon'; -export * from './MessageIcon'; -export * from './EyeIcon'; -export * from './EyeClosedIcon'; -export * from './StarIcon'; -export * from './StarFilledIcon'; -export * from './EmojiIcon'; -export * from './MarkdownIcon'; -export * from './QuestionIcon'; -export * from './EditCircleIcon'; -export * from './EditIcon'; -export * from './BinIcon'; -export * from './MoreVerticalIcon'; -export * from './BaseIcon'; -export * from './AddIcon'; -export * from './CircleIcon'; -export * from './FileIcon'; -export * from './KeyIcon'; -export * from './TickCircleIcon'; -export * from './DoubleCaretRightCircleIcon'; -export * from './GoalIcon'; -export * from './ProjectIcon'; -export * from './MessageTextAltIcon'; -export * from './MessageTickIcon'; -export * from './TargetIcon'; -export * from './AttachIcon'; -export * from './ArrowRightSmallIcon'; -export * from './ArrowRightIcon'; -export * from './ExternalLinkIcon'; -export * from './EnvelopeIcon'; -export * from './GitLabIcon'; -export * from './GitHubIcon'; -export * from './TelegramIcon'; -export * from './PinAltIcon'; -export * from './AddSmallIcon'; -export * from './DividerLineIcon'; -export * from './MoreHorizontalIcon'; diff --git a/src/components/Modal.tsx b/src/components/Modal.tsx index 724bfc45..397a731c 100644 --- a/src/components/Modal.tsx +++ b/src/components/Modal.tsx @@ -1,11 +1,11 @@ import React, { useEffect } from 'react'; import styled from 'styled-components'; import { backgroundColor, danger0, gapM, gapS, gray4, radiusM, warn0 } from '@taskany/colors'; +import { IconXOutline } from '@taskany/icons'; import { useKeyboard, KeyCode } from '../hooks/useKeyboard'; import { Portal } from './Portal'; -import { CrossIcon } from './Icon'; type ModalViewType = 'default' | 'warn' | 'danger'; @@ -91,7 +91,7 @@ interface ModalCrossProps extends React.HTMLAttributes { export const ModalCross: React.FC = ({ onClick, className, ...attrs }) => ( - + ); diff --git a/src/components/index.tsx b/src/components/index.tsx index 8cac6c96..b03f253a 100644 --- a/src/components/index.tsx +++ b/src/components/index.tsx @@ -23,7 +23,6 @@ export * from './FormActions'; export * from './FormCard'; export * from './FormEditor'; export * from './FormInput'; -export * from './Icon'; export * from './FormMultiInput'; export * from './MenuItem'; export * from './Modal'; diff --git a/src/stories/Filter.stories.tsx b/src/stories/Filter.stories.tsx index 50f69183..17001d50 100644 --- a/src/stories/Filter.stories.tsx +++ b/src/stories/Filter.stories.tsx @@ -1,6 +1,7 @@ import React, { useCallback, useState } from 'react'; import type { Meta, StoryObj } from '@storybook/react'; import styled from 'styled-components'; +import { IconStarOutline, IconStarSolid } from '@taskany/icons'; import { FiltersCounterContainer, @@ -13,8 +14,6 @@ import { } from '../components/FiltersContainers'; import { FiltersCounter } from '../components/FiltersCounter'; import { FiltersDropdown } from '../components/FiltersDropdown'; -import { StarIcon } from '../components/Icon/StarIcon'; -import { StarFilledIcon } from '../components/Icon/StarFilledIcon'; import { Button } from '../components/Button'; import { Input } from '../components/Input'; @@ -92,7 +91,7 @@ export const FilterPanel: Story = ({ loading = false }) => { onChange={setFilterB} /> - {star ? : } + {star ? : }