From 6e1f879aed60c6723480412473fd9dc690e832e5 Mon Sep 17 00:00:00 2001 From: DIonysos Dajka Date: Thu, 17 Oct 2019 13:52:48 +0200 Subject: [PATCH] feat(Icons): New icons Sidebar Open & Close --- ...xit-fullscreen.svg => fullscreen-exit.svg} | 0 src-icons/svg/sidebar-close.svg | 1 + src-icons/svg/sidebar-open.svg | 1 + src/Icon/iconMap.js | 4 ++- src/icons/FullscreenExit.js | 31 +++++++++++++++++++ src/icons/README.mdx | 4 ++- src/icons/SidebarClose.js | 31 +++++++++++++++++++ src/icons/SidebarOpen.js | 31 +++++++++++++++++++ src/icons/index.js | 4 ++- 9 files changed, 104 insertions(+), 3 deletions(-) rename src-icons/svg/{exit-fullscreen.svg => fullscreen-exit.svg} (100%) create mode 100644 src-icons/svg/sidebar-close.svg create mode 100644 src-icons/svg/sidebar-open.svg create mode 100644 src/icons/FullscreenExit.js create mode 100644 src/icons/SidebarClose.js create mode 100644 src/icons/SidebarOpen.js diff --git a/src-icons/svg/exit-fullscreen.svg b/src-icons/svg/fullscreen-exit.svg similarity index 100% rename from src-icons/svg/exit-fullscreen.svg rename to src-icons/svg/fullscreen-exit.svg diff --git a/src-icons/svg/sidebar-close.svg b/src-icons/svg/sidebar-close.svg new file mode 100644 index 00000000..fa0b8cba --- /dev/null +++ b/src-icons/svg/sidebar-close.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src-icons/svg/sidebar-open.svg b/src-icons/svg/sidebar-open.svg new file mode 100644 index 00000000..b2b08277 --- /dev/null +++ b/src-icons/svg/sidebar-open.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/Icon/iconMap.js b/src/Icon/iconMap.js index f7c201dd..f74067a0 100644 --- a/src/Icon/iconMap.js +++ b/src/Icon/iconMap.js @@ -30,13 +30,13 @@ const iconMap = { dropbox: require('../icons/Dropbox').default, edit: require('../icons/Edit').default, ellipsis: require('../icons/Ellipsis').default, - 'exit-fullscreen': require('../icons/ExitFullscreen').default, external: require('../icons/External').default, 'eye-closed': require('../icons/EyeClosed').default, 'eye-open': require('../icons/EyeOpen').default, favourite: require('../icons/Favourite').default, flag: require('../icons/Flag').default, fullscreen: require('../icons/Fullscreen').default, + 'fullscreen-exit': require('../icons/FullscreenExit').default, hierarchy: require('../icons/Hierarchy').default, home: require('../icons/Home').default, info: require('../icons/Info').default, @@ -60,6 +60,8 @@ const iconMap = { send: require('../icons/Send').default, settings: require('../icons/Settings').default, share: require('../icons/Share').default, + 'sidebar-close': require('../icons/SidebarClose').default, + 'sidebar-open': require('../icons/SidebarOpen').default, spinnerdot: require('../icons/Spinnerdot').default, star: require('../icons/Star').default, tag: require('../icons/Tag').default, diff --git a/src/icons/FullscreenExit.js b/src/icons/FullscreenExit.js new file mode 100644 index 00000000..53a3b90a --- /dev/null +++ b/src/icons/FullscreenExit.js @@ -0,0 +1,31 @@ +import React, {forwardRef} from 'react'; + +import Svg from './BaseSvg'; + +const FullscreenExitIcon = forwardRef((props, ref) => { + const {size, color, ...otherProps} = props; + + return ( + + + + ); +}); + +FullscreenExitIcon.displayName = 'FullscreenExitIcon'; + +FullscreenExitIcon.defaultProps = { + size: 18, + color: 'currentcolor', +}; + +export default FullscreenExitIcon; diff --git a/src/icons/README.mdx b/src/icons/README.mdx index ef54c7f2..fe1d2af4 100644 --- a/src/icons/README.mdx +++ b/src/icons/README.mdx @@ -55,13 +55,13 @@ After that, you can follow the normal instructions for updating/publishing this - + @@ -85,6 +85,8 @@ After that, you can follow the normal instructions for updating/publishing this + + diff --git a/src/icons/SidebarClose.js b/src/icons/SidebarClose.js new file mode 100644 index 00000000..c392a23b --- /dev/null +++ b/src/icons/SidebarClose.js @@ -0,0 +1,31 @@ +import React, {forwardRef} from 'react'; + +import Svg from './BaseSvg'; + +const SidebarCloseIcon = forwardRef((props, ref) => { + const {size, color, ...otherProps} = props; + + return ( + + + + ); +}); + +SidebarCloseIcon.displayName = 'SidebarCloseIcon'; + +SidebarCloseIcon.defaultProps = { + size: 18, + color: 'currentcolor', +}; + +export default SidebarCloseIcon; diff --git a/src/icons/SidebarOpen.js b/src/icons/SidebarOpen.js new file mode 100644 index 00000000..97ddbfe9 --- /dev/null +++ b/src/icons/SidebarOpen.js @@ -0,0 +1,31 @@ +import React, {forwardRef} from 'react'; + +import Svg from './BaseSvg'; + +const SidebarOpenIcon = forwardRef((props, ref) => { + const {size, color, ...otherProps} = props; + + return ( + + + + ); +}); + +SidebarOpenIcon.displayName = 'SidebarOpenIcon'; + +SidebarOpenIcon.defaultProps = { + size: 18, + color: 'currentcolor', +}; + +export default SidebarOpenIcon; diff --git a/src/icons/index.js b/src/icons/index.js index 2ba14f1a..d689c760 100644 --- a/src/icons/index.js +++ b/src/icons/index.js @@ -33,8 +33,8 @@ export {default as EyeClosed} from './EyeClosed'; export {default as EyeOpen} from './EyeOpen'; export {default as Favourite} from './Favourite'; export {default as Flag} from './Flag'; -export {default as ExitFullscreen} from './ExitFullscreen'; export {default as Fullscreen} from './Fullscreen'; +export {default as FullscreenExit} from './FullscreenExit'; export {default as Hierarchy} from './Hierarchy'; export {default as Home} from './Home'; export {default as Info} from './Info'; @@ -58,6 +58,8 @@ export {default as Search} from './Search'; export {default as Send} from './Send'; export {default as Settings} from './Settings'; export {default as Share} from './Share'; +export {default as SidebarClose} from './SidebarClose'; +export {default as SidebarOpen} from './SidebarOpen'; export {default as Spinnerdot} from './Spinnerdot'; export {default as Star} from './Star'; export {default as Tag} from './Tag';