feat: Add new icons: Calendar & Megaphone

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 (
 		<Svg
@@ -33,7 +29,7 @@ ${name}Icon.displayName = '${name}Icon';
 
 ${name}Icon.defaultProps = {
 	size: 18,
-	color: 'currentcolor'
+	color: 'currentcolor',
 };
 
 export default ${name}Icon;

src/Icon/iconMap.js

@@ -22,6 +22,7 @@ const iconMap = {
 	'asset-text': require('../icons/AssetText').default,
 	'asset-video': require('../icons/AssetVideo').default,
 	box: require('../icons/Box').default,
+	calendar: require('../icons/Calendar').default,
 	captions: require('../icons/Captions').default,
 	chat: require('../icons/Chat').default,
 	chevron: require('../icons/Chevron').default,
@@ -42,6 +43,7 @@ const iconMap = {
 	info: require('../icons/Info').default,
 	link: require('../icons/Link').default,
 	logout: require('../icons/Logout').default,
+	megaphone: require('../icons/Megaphone').default,
 	menu: require('../icons/Menu').default,
 	'nav-left': require('../icons/NavLeft').default,
 	'nav-right': require('../icons/NavRight').default,

src/icons/Android.js

@@ -1,8 +1,8 @@
-import React from 'react';
+import React, {forwardRef} from 'react';
 
 import Svg from './BaseSvg';
 
-const AndroidIcon = React.forwardRef((props, ref) => {
+const AndroidIcon = forwardRef((props, ref) => {
 	const {size, color, ...otherProps} = props;
 
 	return (

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 (

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 (

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 (

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 (

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 (

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 (

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 (

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 (

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 (

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 (

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 (

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 (

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 (

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 (

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 (

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 (

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 (

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 (

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 (

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 (

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 (
+		<Svg
+			{...otherProps}
+			ref={ref}
+			viewBox="0 0 18 18"
+			width={size}
+			height={size}
+			fill={color}
+			fillRule="evenodd"
+			clipRule="evenodd"
+		>
+			<path d="M12,4l0,-1c0,-0.552 0.448,-1 1,-1c0.552,0 1,0.448 1,1l0,1.105c1.154,0.327 2,1.388 2,2.646l0,5.498c0,1.518 -1.232,2.75 -2.751,2.751l-8.498,0c-1.518,0 -2.751,-1.233 -2.751,-2.751l0,-5.498c0,-1.258 0.846,-2.319 2,-2.646l0,-1.105c0,-0.552 0.448,-1 1,-1c0.552,0 1,0.448 1,1l0,1l6,0Zm-2,3l-1,0l0,0.031c0,0.257 -0.102,0.504 -0.284,0.685c-0.181,0.182 -0.428,0.284 -0.685,0.284l-0.031,0l0,1l1,0l0,3l1,0l0,-5Z" />
+		</Svg>
+	);
+});
+
+CalendarIcon.displayName = 'CalendarIcon';
+
+CalendarIcon.defaultProps = {
+	size: 18,
+	color: 'currentcolor',
+};
+
+export default CalendarIcon;

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 (

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 (

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 (

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 (

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 (

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 (

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 (

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 (