From f5d1bc21555072ca46077da5b049de85a84a90a6 Mon Sep 17 00:00:00 2001 From: DIonysos Dajka Date: Wed, 7 Aug 2019 14:49:06 +0100 Subject: [PATCH] feat: Add new icons: Calendar & Megaphone --- src-icons/svg/calendar.svg | 1 + src-icons/svg/megaphone.svg | 1 + src-icons/template.js | 8 +- src/Icon/iconMap.js | 2 + src/icons/Android.js | 4 +- src/icons/Apple.js | 4 +- src/icons/Appstore.js | 4 +- src/icons/Arrow.js | 4 +- src/icons/AssetAudio.js | 4 +- src/icons/AssetDefault.js | 4 +- src/icons/AssetDiagram.js | 4 +- src/icons/AssetEbook.js | 4 +- src/icons/AssetFluidbook.js | 4 +- src/icons/AssetFolder.js | 4 +- src/icons/AssetImage.js | 4 +- src/icons/AssetInfographic.js | 4 +- src/icons/AssetLink.js | 4 +- src/icons/AssetPdf.js | 4 +- src/icons/AssetPodcast.js | 4 +- src/icons/AssetPresentation.js | 4 +- src/icons/AssetQuiz.js | 4 +- src/icons/AssetSpreadsheet.js | 4 +- src/icons/AssetText.js | 4 +- src/icons/AssetVideo.js | 4 +- src/icons/Box.js | 4 +- src/icons/Calendar.js | 31 ++++++++ src/icons/Captions.js | 4 +- src/icons/Chat.js | 4 +- src/icons/Chevron.js | 4 +- src/icons/Collection.js | 4 +- src/icons/Disk.js | 4 +- src/icons/Download.js | 4 +- src/icons/Dropbox.js | 4 +- src/icons/Edit.js | 4 +- src/icons/Ellipsis.js | 4 +- src/icons/External.js | 4 +- src/icons/EyeClosed.js | 4 +- src/icons/EyeOpen.js | 4 +- src/icons/Favourite.js | 4 +- src/icons/Flag.js | 4 +- src/icons/Fullscreen.js | 4 +- src/icons/Hierarchy.js | 4 +- src/icons/Home.js | 4 +- src/icons/Info.js | 4 +- src/icons/Link.js | 4 +- src/icons/Logout.js | 4 +- src/icons/Megaphone.js | 31 ++++++++ src/icons/Menu.js | 4 +- src/icons/NavLeft.js | 4 +- src/icons/NavRight.js | 4 +- src/icons/Offline.js | 4 +- src/icons/Ok.js | 4 +- src/icons/Pause.js | 4 +- src/icons/Pin.js | 4 +- src/icons/Play.js | 4 +- src/icons/Playlist.js | 4 +- src/icons/Plus.js | 4 +- src/icons/README.mdx | 140 +++++++++++++++++---------------- src/icons/Search.js | 4 +- src/icons/Send.js | 4 +- src/icons/Settings.js | 4 +- src/icons/Share.js | 4 +- src/icons/Spinnerdot.js | 4 +- src/icons/Star.js | 4 +- src/icons/Tag.js | 4 +- src/icons/Team.js | 4 +- src/icons/Time.js | 4 +- src/icons/Tools.js | 4 +- src/icons/Trending.js | 4 +- src/icons/Undo.js | 4 +- src/icons/Unpin.js | 4 +- src/icons/Upload.js | 4 +- src/icons/User.js | 4 +- src/icons/X.js | 4 +- src/icons/index.js | 2 + 75 files changed, 275 insertions(+), 209 deletions(-) create mode 100644 src-icons/svg/calendar.svg create mode 100644 src-icons/svg/megaphone.svg create mode 100644 src/icons/Calendar.js create mode 100644 src/icons/Megaphone.js diff --git a/src-icons/svg/calendar.svg b/src-icons/svg/calendar.svg new file mode 100644 index 00000000..5d098e0d --- /dev/null +++ b/src-icons/svg/calendar.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src-icons/svg/megaphone.svg b/src-icons/svg/megaphone.svg new file mode 100644 index 00000000..cd780872 --- /dev/null +++ b/src-icons/svg/megaphone.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src-icons/template.js b/src-icons/template.js index a226d5ce..8cea1bef 100644 --- a/src-icons/template.js +++ b/src-icons/template.js @@ -7,11 +7,7 @@ module.exports = ({ import Svg from './BaseSvg'; const ${name}Icon = forwardRef((props, ref) => { - const { - size, - color, - ...otherProps - } = props; + const {size, color, ...otherProps} = props; return ( { +const AndroidIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Apple.js b/src/icons/Apple.js index b7583a8c..e06134b7 100644 --- a/src/icons/Apple.js +++ b/src/icons/Apple.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const AppleIcon = React.forwardRef((props, ref) => { +const AppleIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Appstore.js b/src/icons/Appstore.js index 8fc3b7bd..aa914be8 100644 --- a/src/icons/Appstore.js +++ b/src/icons/Appstore.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const AppstoreIcon = React.forwardRef((props, ref) => { +const AppstoreIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Arrow.js b/src/icons/Arrow.js index 461d5bb1..fa7e243d 100644 --- a/src/icons/Arrow.js +++ b/src/icons/Arrow.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const ArrowIcon = React.forwardRef((props, ref) => { +const ArrowIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/AssetAudio.js b/src/icons/AssetAudio.js index babf0fef..281bf8d3 100644 --- a/src/icons/AssetAudio.js +++ b/src/icons/AssetAudio.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const AssetAudioIcon = React.forwardRef((props, ref) => { +const AssetAudioIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/AssetDefault.js b/src/icons/AssetDefault.js index 4083b40d..df91d3d1 100644 --- a/src/icons/AssetDefault.js +++ b/src/icons/AssetDefault.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const AssetDefaultIcon = React.forwardRef((props, ref) => { +const AssetDefaultIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/AssetDiagram.js b/src/icons/AssetDiagram.js index 0842fc24..15075098 100644 --- a/src/icons/AssetDiagram.js +++ b/src/icons/AssetDiagram.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const AssetDiagramIcon = React.forwardRef((props, ref) => { +const AssetDiagramIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/AssetEbook.js b/src/icons/AssetEbook.js index 73717eea..81ac2f2c 100644 --- a/src/icons/AssetEbook.js +++ b/src/icons/AssetEbook.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const AssetEbookIcon = React.forwardRef((props, ref) => { +const AssetEbookIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/AssetFluidbook.js b/src/icons/AssetFluidbook.js index f5495954..9f2f99e1 100644 --- a/src/icons/AssetFluidbook.js +++ b/src/icons/AssetFluidbook.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const AssetFluidbookIcon = React.forwardRef((props, ref) => { +const AssetFluidbookIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/AssetFolder.js b/src/icons/AssetFolder.js index b39c34c4..4ada404e 100644 --- a/src/icons/AssetFolder.js +++ b/src/icons/AssetFolder.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const AssetFolderIcon = React.forwardRef((props, ref) => { +const AssetFolderIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/AssetImage.js b/src/icons/AssetImage.js index ad9e48d9..bff7f202 100644 --- a/src/icons/AssetImage.js +++ b/src/icons/AssetImage.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const AssetImageIcon = React.forwardRef((props, ref) => { +const AssetImageIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/AssetInfographic.js b/src/icons/AssetInfographic.js index c3d41ca8..0667fb34 100644 --- a/src/icons/AssetInfographic.js +++ b/src/icons/AssetInfographic.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const AssetInfographicIcon = React.forwardRef((props, ref) => { +const AssetInfographicIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/AssetLink.js b/src/icons/AssetLink.js index 66688611..ae712a24 100644 --- a/src/icons/AssetLink.js +++ b/src/icons/AssetLink.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const AssetLinkIcon = React.forwardRef((props, ref) => { +const AssetLinkIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/AssetPdf.js b/src/icons/AssetPdf.js index bd140a55..1e1219d7 100644 --- a/src/icons/AssetPdf.js +++ b/src/icons/AssetPdf.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const AssetPdfIcon = React.forwardRef((props, ref) => { +const AssetPdfIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/AssetPodcast.js b/src/icons/AssetPodcast.js index 7605ced4..821d1f60 100644 --- a/src/icons/AssetPodcast.js +++ b/src/icons/AssetPodcast.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const AssetPodcastIcon = React.forwardRef((props, ref) => { +const AssetPodcastIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/AssetPresentation.js b/src/icons/AssetPresentation.js index 61af17dc..15c9a13f 100644 --- a/src/icons/AssetPresentation.js +++ b/src/icons/AssetPresentation.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const AssetPresentationIcon = React.forwardRef((props, ref) => { +const AssetPresentationIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/AssetQuiz.js b/src/icons/AssetQuiz.js index c3ea2c17..bafda03f 100644 --- a/src/icons/AssetQuiz.js +++ b/src/icons/AssetQuiz.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const AssetQuizIcon = React.forwardRef((props, ref) => { +const AssetQuizIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/AssetSpreadsheet.js b/src/icons/AssetSpreadsheet.js index 86eb6a52..0d1a7197 100644 --- a/src/icons/AssetSpreadsheet.js +++ b/src/icons/AssetSpreadsheet.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const AssetSpreadsheetIcon = React.forwardRef((props, ref) => { +const AssetSpreadsheetIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/AssetText.js b/src/icons/AssetText.js index 6ea3a21c..20aef570 100644 --- a/src/icons/AssetText.js +++ b/src/icons/AssetText.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const AssetTextIcon = React.forwardRef((props, ref) => { +const AssetTextIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/AssetVideo.js b/src/icons/AssetVideo.js index 27a804cf..194263c7 100644 --- a/src/icons/AssetVideo.js +++ b/src/icons/AssetVideo.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const AssetVideoIcon = React.forwardRef((props, ref) => { +const AssetVideoIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Box.js b/src/icons/Box.js index c3e666a2..57daeee2 100644 --- a/src/icons/Box.js +++ b/src/icons/Box.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const BoxIcon = React.forwardRef((props, ref) => { +const BoxIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Calendar.js b/src/icons/Calendar.js new file mode 100644 index 00000000..a39fa0e1 --- /dev/null +++ b/src/icons/Calendar.js @@ -0,0 +1,31 @@ +import React, {forwardRef} from 'react'; + +import Svg from './BaseSvg'; + +const CalendarIcon = forwardRef((props, ref) => { + const {size, color, ...otherProps} = props; + + return ( + + + + ); +}); + +CalendarIcon.displayName = 'CalendarIcon'; + +CalendarIcon.defaultProps = { + size: 18, + color: 'currentcolor', +}; + +export default CalendarIcon; diff --git a/src/icons/Captions.js b/src/icons/Captions.js index 1d00baa3..9c3fb360 100644 --- a/src/icons/Captions.js +++ b/src/icons/Captions.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const CaptionsIcon = React.forwardRef((props, ref) => { +const CaptionsIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Chat.js b/src/icons/Chat.js index ba54829e..f77f422a 100644 --- a/src/icons/Chat.js +++ b/src/icons/Chat.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const ChatIcon = React.forwardRef((props, ref) => { +const ChatIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Chevron.js b/src/icons/Chevron.js index 25dbb6f3..8a0347b8 100644 --- a/src/icons/Chevron.js +++ b/src/icons/Chevron.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const ChevronIcon = React.forwardRef((props, ref) => { +const ChevronIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Collection.js b/src/icons/Collection.js index d798adc0..864d6938 100644 --- a/src/icons/Collection.js +++ b/src/icons/Collection.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const CollectionIcon = React.forwardRef((props, ref) => { +const CollectionIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Disk.js b/src/icons/Disk.js index 61098bd4..c75c2c05 100644 --- a/src/icons/Disk.js +++ b/src/icons/Disk.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const DiskIcon = React.forwardRef((props, ref) => { +const DiskIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Download.js b/src/icons/Download.js index 2144d498..0e901f34 100644 --- a/src/icons/Download.js +++ b/src/icons/Download.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const DownloadIcon = React.forwardRef((props, ref) => { +const DownloadIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Dropbox.js b/src/icons/Dropbox.js index fccc9f28..b4455498 100644 --- a/src/icons/Dropbox.js +++ b/src/icons/Dropbox.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const DropboxIcon = React.forwardRef((props, ref) => { +const DropboxIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Edit.js b/src/icons/Edit.js index b437eaf9..a9398afc 100644 --- a/src/icons/Edit.js +++ b/src/icons/Edit.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const EditIcon = React.forwardRef((props, ref) => { +const EditIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Ellipsis.js b/src/icons/Ellipsis.js index bbadbb53..b603d628 100644 --- a/src/icons/Ellipsis.js +++ b/src/icons/Ellipsis.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const EllipsisIcon = React.forwardRef((props, ref) => { +const EllipsisIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/External.js b/src/icons/External.js index 4a7655f1..a535574f 100644 --- a/src/icons/External.js +++ b/src/icons/External.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const ExternalIcon = React.forwardRef((props, ref) => { +const ExternalIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/EyeClosed.js b/src/icons/EyeClosed.js index 4f7b26e5..86aa20e9 100644 --- a/src/icons/EyeClosed.js +++ b/src/icons/EyeClosed.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const EyeClosedIcon = React.forwardRef((props, ref) => { +const EyeClosedIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/EyeOpen.js b/src/icons/EyeOpen.js index bff10cee..e13f3a83 100644 --- a/src/icons/EyeOpen.js +++ b/src/icons/EyeOpen.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const EyeOpenIcon = React.forwardRef((props, ref) => { +const EyeOpenIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Favourite.js b/src/icons/Favourite.js index 8149da73..32dd88ed 100644 --- a/src/icons/Favourite.js +++ b/src/icons/Favourite.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const FavouriteIcon = React.forwardRef((props, ref) => { +const FavouriteIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Flag.js b/src/icons/Flag.js index 6fe632f4..2bc68675 100644 --- a/src/icons/Flag.js +++ b/src/icons/Flag.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const FlagIcon = React.forwardRef((props, ref) => { +const FlagIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Fullscreen.js b/src/icons/Fullscreen.js index 2726ed3e..93a0e990 100644 --- a/src/icons/Fullscreen.js +++ b/src/icons/Fullscreen.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const FullscreenIcon = React.forwardRef((props, ref) => { +const FullscreenIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Hierarchy.js b/src/icons/Hierarchy.js index 7750f85c..6fa58354 100644 --- a/src/icons/Hierarchy.js +++ b/src/icons/Hierarchy.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const HierarchyIcon = React.forwardRef((props, ref) => { +const HierarchyIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Home.js b/src/icons/Home.js index d1a45bb5..7cbe454a 100644 --- a/src/icons/Home.js +++ b/src/icons/Home.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const HomeIcon = React.forwardRef((props, ref) => { +const HomeIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Info.js b/src/icons/Info.js index 8b8bef4b..e6e0ed9f 100644 --- a/src/icons/Info.js +++ b/src/icons/Info.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const InfoIcon = React.forwardRef((props, ref) => { +const InfoIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Link.js b/src/icons/Link.js index b5e1a743..001e221b 100644 --- a/src/icons/Link.js +++ b/src/icons/Link.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const LinkIcon = React.forwardRef((props, ref) => { +const LinkIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Logout.js b/src/icons/Logout.js index ff556c95..c42fd6b7 100644 --- a/src/icons/Logout.js +++ b/src/icons/Logout.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const LogoutIcon = React.forwardRef((props, ref) => { +const LogoutIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Megaphone.js b/src/icons/Megaphone.js new file mode 100644 index 00000000..18d59448 --- /dev/null +++ b/src/icons/Megaphone.js @@ -0,0 +1,31 @@ +import React, {forwardRef} from 'react'; + +import Svg from './BaseSvg'; + +const MegaphoneIcon = forwardRef((props, ref) => { + const {size, color, ...otherProps} = props; + + return ( + + + + ); +}); + +MegaphoneIcon.displayName = 'MegaphoneIcon'; + +MegaphoneIcon.defaultProps = { + size: 18, + color: 'currentcolor', +}; + +export default MegaphoneIcon; diff --git a/src/icons/Menu.js b/src/icons/Menu.js index c36c62c7..b50d5762 100644 --- a/src/icons/Menu.js +++ b/src/icons/Menu.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const MenuIcon = React.forwardRef((props, ref) => { +const MenuIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/NavLeft.js b/src/icons/NavLeft.js index 2a8eb14b..ca336fca 100644 --- a/src/icons/NavLeft.js +++ b/src/icons/NavLeft.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const NavLeftIcon = React.forwardRef((props, ref) => { +const NavLeftIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/NavRight.js b/src/icons/NavRight.js index 7d99c383..0c525417 100644 --- a/src/icons/NavRight.js +++ b/src/icons/NavRight.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const NavRightIcon = React.forwardRef((props, ref) => { +const NavRightIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Offline.js b/src/icons/Offline.js index 00092565..8e435be4 100644 --- a/src/icons/Offline.js +++ b/src/icons/Offline.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const OfflineIcon = React.forwardRef((props, ref) => { +const OfflineIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Ok.js b/src/icons/Ok.js index 3fbeced1..03acff6d 100644 --- a/src/icons/Ok.js +++ b/src/icons/Ok.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const OkIcon = React.forwardRef((props, ref) => { +const OkIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Pause.js b/src/icons/Pause.js index 2dfd0850..b74f8deb 100644 --- a/src/icons/Pause.js +++ b/src/icons/Pause.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const PauseIcon = React.forwardRef((props, ref) => { +const PauseIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Pin.js b/src/icons/Pin.js index dfce8ad5..954e748f 100644 --- a/src/icons/Pin.js +++ b/src/icons/Pin.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const PinIcon = React.forwardRef((props, ref) => { +const PinIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Play.js b/src/icons/Play.js index d11c0a51..aa4be0b7 100644 --- a/src/icons/Play.js +++ b/src/icons/Play.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const PlayIcon = React.forwardRef((props, ref) => { +const PlayIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Playlist.js b/src/icons/Playlist.js index 7d810ecb..4ef0ad1c 100644 --- a/src/icons/Playlist.js +++ b/src/icons/Playlist.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const PlaylistIcon = React.forwardRef((props, ref) => { +const PlaylistIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Plus.js b/src/icons/Plus.js index e6d21253..11a025fd 100644 --- a/src/icons/Plus.js +++ b/src/icons/Plus.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const PlusIcon = React.forwardRef((props, ref) => { +const PlusIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/README.mdx b/src/icons/README.mdx index a22dcd27..d3a8781f 100644 --- a/src/icons/README.mdx +++ b/src/icons/README.mdx @@ -3,7 +3,7 @@ name: Icon Overview menu: Components --- -import { Playground } from 'docz' +import {Playground} from 'docz'; import Icon from '../Icon'; import DiskIcon from './Disk'; @@ -25,72 +25,74 @@ After that, you can follow the normal instructions for updating/publishing this ## Overview - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/icons/Search.js b/src/icons/Search.js index 375dc670..38f184d0 100644 --- a/src/icons/Search.js +++ b/src/icons/Search.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const SearchIcon = React.forwardRef((props, ref) => { +const SearchIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Send.js b/src/icons/Send.js index b6fc1d9a..573c80f4 100644 --- a/src/icons/Send.js +++ b/src/icons/Send.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const SendIcon = React.forwardRef((props, ref) => { +const SendIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Settings.js b/src/icons/Settings.js index 13ca2f03..20f2590b 100644 --- a/src/icons/Settings.js +++ b/src/icons/Settings.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const SettingsIcon = React.forwardRef((props, ref) => { +const SettingsIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Share.js b/src/icons/Share.js index 000c4a4b..f952e583 100644 --- a/src/icons/Share.js +++ b/src/icons/Share.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const ShareIcon = React.forwardRef((props, ref) => { +const ShareIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Spinnerdot.js b/src/icons/Spinnerdot.js index 65663bfa..6f76c6d8 100644 --- a/src/icons/Spinnerdot.js +++ b/src/icons/Spinnerdot.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const SpinnerdotIcon = React.forwardRef((props, ref) => { +const SpinnerdotIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Star.js b/src/icons/Star.js index 530faf89..0686a183 100644 --- a/src/icons/Star.js +++ b/src/icons/Star.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const StarIcon = React.forwardRef((props, ref) => { +const StarIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Tag.js b/src/icons/Tag.js index 22f48b95..0159e5a9 100644 --- a/src/icons/Tag.js +++ b/src/icons/Tag.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const TagIcon = React.forwardRef((props, ref) => { +const TagIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Team.js b/src/icons/Team.js index 27a3a456..09628449 100644 --- a/src/icons/Team.js +++ b/src/icons/Team.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const TeamIcon = React.forwardRef((props, ref) => { +const TeamIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Time.js b/src/icons/Time.js index f0906bde..b9775a18 100644 --- a/src/icons/Time.js +++ b/src/icons/Time.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const TimeIcon = React.forwardRef((props, ref) => { +const TimeIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Tools.js b/src/icons/Tools.js index 0748d5e2..36e17577 100644 --- a/src/icons/Tools.js +++ b/src/icons/Tools.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const ToolsIcon = React.forwardRef((props, ref) => { +const ToolsIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Trending.js b/src/icons/Trending.js index ca975038..bfe88f8e 100644 --- a/src/icons/Trending.js +++ b/src/icons/Trending.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const TrendingIcon = React.forwardRef((props, ref) => { +const TrendingIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Undo.js b/src/icons/Undo.js index 9953fe8b..0799325a 100644 --- a/src/icons/Undo.js +++ b/src/icons/Undo.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const UndoIcon = React.forwardRef((props, ref) => { +const UndoIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Unpin.js b/src/icons/Unpin.js index adad9ea9..9228901f 100644 --- a/src/icons/Unpin.js +++ b/src/icons/Unpin.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const UnpinIcon = React.forwardRef((props, ref) => { +const UnpinIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/Upload.js b/src/icons/Upload.js index 6b574844..a354134e 100644 --- a/src/icons/Upload.js +++ b/src/icons/Upload.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const UploadIcon = React.forwardRef((props, ref) => { +const UploadIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/User.js b/src/icons/User.js index d32a0564..d83b502c 100644 --- a/src/icons/User.js +++ b/src/icons/User.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const UserIcon = React.forwardRef((props, ref) => { +const UserIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/X.js b/src/icons/X.js index adab8eb7..6b1a57ec 100644 --- a/src/icons/X.js +++ b/src/icons/X.js @@ -1,8 +1,8 @@ -import React from 'react'; +import React, {forwardRef} from 'react'; import Svg from './BaseSvg'; -const XIcon = React.forwardRef((props, ref) => { +const XIcon = forwardRef((props, ref) => { const {size, color, ...otherProps} = props; return ( diff --git a/src/icons/index.js b/src/icons/index.js index e39d2338..cbfcf341 100644 --- a/src/icons/index.js +++ b/src/icons/index.js @@ -22,6 +22,7 @@ export {default as AssetSpreadsheet} from './AssetSpreadsheet'; export {default as AssetText} from './AssetText'; export {default as AssetVideo} from './AssetVideo'; export {default as Box} from './Box'; +export {default as Calendar} from './Calendar'; export {default as Captions} from './Captions'; export {default as Chat} from './Chat'; export {default as Chevron} from './Chevron'; @@ -42,6 +43,7 @@ export {default as Home} from './Home'; export {default as Info} from './Info'; export {default as Link} from './Link'; export {default as Logout} from './Logout'; +export {default as Megaphone} from './Megaphone'; export {default as Menu} from './Menu'; export {default as NavLeft} from './NavLeft'; export {default as NavRight} from './NavRight';