feat(Icons): New icons Sidebar Open & Close

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,

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 (
+		<Svg
+			{...otherProps}
+			ref={ref}
+			viewBox="0 0 18 18"
+			width={size}
+			height={size}
+			fill={color}
+			fillRule="evenodd"
+			clipRule="evenodd"
+		>
+			<path d="M14,3c1.656,0 3,1.344 3,3l0,6c0,1.656 -1.344,3 -3,3l-10,0c-1.656,0 -3,-1.344 -3,-3l0,-6c0,-1.656 1.344,-3 3,-3l10,0Zm-0.376,2l-9.248,0c-0.76,0 -1.376,0.617 -1.376,1.376l0,5.248c0,0.76 0.616,1.376 1.376,1.376l9.248,0c0.76,0 1.376,-0.616 1.376,-1.376l0,-5.248c0,-0.759 -0.616,-1.376 -1.376,-1.376Z M10,8.5c0,0 0,-2 0,-2c0,-0.276 0.224,-0.5 0.5,-0.5c0.276,0 0.5,0.224 0.5,0.5l0,1.5l2.5,0c0.276,0 0.5,0.224 0.5,0.5c0,0.276 -0.224,0.5 -0.5,0.5l-3,0c-0.138,0 -0.263,-0.056 -0.353,-0.146l0,-0.001c0,0 -0.001,0 -0.001,0c-0.09,-0.09 -0.146,-0.215 -0.146,-0.353l0,0Z M8,9.5c0,0 0,2 0,2c0,0.276 -0.224,0.5 -0.5,0.5c-0.276,0 -0.5,-0.224 -0.5,-0.5l0,-1.5l-2.5,0c-0.276,0 -0.5,-0.224 -0.5,-0.5c0,-0.276 0.224,-0.5 0.5,-0.5l3,0c0.138,0 0.263,0.056 0.353,0.146l0,0.001c0,0 0.001,0 0.001,0c0.09,0.09 0.146,0.215 0.146,0.353l0,0Z" />
+		</Svg>
+	);
+});
+
+FullscreenExitIcon.displayName = 'FullscreenExitIcon';
+
+FullscreenExitIcon.defaultProps = {
+	size: 18,
+	color: 'currentcolor',
+};
+
+export default FullscreenExitIcon;

src/icons/README.mdx

@@ -55,13 +55,13 @@ After that, you can follow the normal instructions for updating/publishing this
 	<Icon name="dropbox" />
 	<Icon name="edit" />
 	<Icon name="ellipsis" />
-	<Icon name="exit-fullscreen" />
 	<Icon name="external" />
 	<Icon name="eye-closed" />
 	<Icon name="eye-open" />
 	<Icon name="favourite" />
 	<Icon name="flag" />
 	<Icon name="fullscreen" />
+	<Icon name="fullscreen-exit" />
 	<Icon name="hierarchy" />
 	<Icon name="home" />
 	<Icon name="info" />
@@ -85,6 +85,8 @@ After that, you can follow the normal instructions for updating/publishing this
 	<Icon name="send" />
 	<Icon name="settings" />
 	<Icon name="share" />
+	<Icon name="sidebar-close" />
+	<Icon name="sidebar-open" />
 	<Icon name="spinnerdot" />
 	<Icon name="star" />
 	<Icon name="tag" />

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 (
+		<Svg
+			{...otherProps}
+			ref={ref}
+			viewBox="0 0 18 18"
+			width={size}
+			height={size}
+			fill={color}
+			fillRule="evenodd"
+			clipRule="evenodd"
+		>
+			<path d="M14,3c1.656,0 3,1.344 3,3l0,6c0,1.656 -1.344,3 -3,3l-10,0c-1.656,0 -3,-1.344 -3,-3l0,-6c0,-1.656 1.344,-3 3,-3l10,0Zm-0.376,2l-9.248,0c-0.76,0 -1.376,0.617 -1.376,1.376l0,5.248c0,0.76 0.616,1.376 1.376,1.376l9.248,0c0.76,0 1.376,-0.616 1.376,-1.376l0,-5.248c0,-0.759 -0.616,-1.376 -1.376,-1.376Z M10,9c0,-0.276 -0.224,-0.5 -0.5,-0.5l-4,0c-0.276,0 -0.5,0.224 -0.5,0.5c0,0.276 0.224,0.5 0.5,0.5l4,0c0.276,0 0.5,-0.224 0.5,-0.5Z M11,9l-2,-2l0,4l2,-2Z M14,6.997c0,-0.55 -0.447,-0.997 -0.997,-0.997l-1.003,0l0,6l1,0c0.552,0 1,-0.448 1,-1l0,-4.003Z" />
+		</Svg>
+	);
+});
+
+SidebarCloseIcon.displayName = 'SidebarCloseIcon';
+
+SidebarCloseIcon.defaultProps = {
+	size: 18,
+	color: 'currentcolor',
+};
+
+export default SidebarCloseIcon;

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 (
+		<Svg
+			{...otherProps}
+			ref={ref}
+			viewBox="0 0 18 18"
+			width={size}
+			height={size}
+			fill={color}
+			fillRule="evenodd"
+			clipRule="evenodd"
+		>
+			<path d="M14,3c1.656,0 3,1.344 3,3l0,6c0,1.656 -1.344,3 -3,3l-10,0c-1.656,0 -3,-1.344 -3,-3l0,-6c0,-1.656 1.344,-3 3,-3l10,0Zm-0.376,2l-9.248,0c-0.76,0 -1.376,0.617 -1.376,1.376l0,5.248c0,0.76 0.616,1.376 1.376,1.376l9.248,0c0.76,0 1.376,-0.616 1.376,-1.376l0,-5.248c0,-0.759 -0.616,-1.376 -1.376,-1.376Z M14,6.997c0,-0.55 -0.447,-0.997 -0.997,-0.997l-1.003,0l0,6l1,0c0.552,0 1,-0.448 1,-1l0,-4.003Z M6,9c0,0.276 0.224,0.5 0.5,0.5l4,0c0.276,0 0.5,-0.224 0.5,-0.5c0,-0.276 -0.224,-0.5 -0.5,-0.5l-4,0c-0.276,0 -0.5,0.224 -0.5,0.5Z M5,9l2,2l0,-4l-2,2Z" />
+		</Svg>
+	);
+});
+
+SidebarOpenIcon.displayName = 'SidebarOpenIcon';
+
+SidebarOpenIcon.defaultProps = {
+	size: 18,
+	color: 'currentcolor',
+};
+
+export default SidebarOpenIcon;

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';