refactor(svg): split up Add icons

packages/svg/src/icons/Add/AddIcon.tsx

@@ -1,13 +1,12 @@
-import { FC } from 'react';
 import { DEFAULT_FILL_NONE, DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
 import { IconProps } from '../types';
 
-export const AddIcon: FC<IconProps> = ({
+export const AddIcon = ({
   width = DEFAULT_WIDTH,
   height = DEFAULT_HEIGHT,
   fill = DEFAULT_FILL_NONE,
   ...props
-}) => {
+}: IconProps): JSX.Element => {
   return (
     <svg
       width={width}

packages/svg/src/icons/Add/index.ts

@@ -1,2 +1 @@
 export { default as AddIcon } from './AddIcon';
-export { default as AddIconCircleBordered } from './AddIconCircleBordered';

packages/svg/src/icons/Add/AddIconCircleBordered.tsx → packages/svg/src/icons/AddCircle/AddCircleIcon.tsx

@@ -1,13 +1,12 @@
-import { FC } from 'react';
 import { DEFAULT_FILL_NONE, DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
 import { IconProps } from '../types';
 
-export const AddIconCircleBordered: FC<IconProps> = ({
+export const AddIconCircleBordered = ({
   width = DEFAULT_WIDTH,
   height = DEFAULT_HEIGHT,
   fill = DEFAULT_FILL_NONE,
   ...props
-}) => {
+}: IconProps): JSX.Element => {
   return (
     <svg
       width={width}

packages/svg/src/icons/AddCircle/index.ts

@@ -0,0 +1 @@
+export { default as AddCircleIcon } from './AddCircleIcon';

packages/svg/src/icons/index.ts

@@ -1,4 +1,5 @@
 export * from './Add';
+export * from './AddCircle';
 export * from './Application';
 export * from './Bell';
 export * from './Bus';