Feat #99, #101, #100 - Add new avatar component and enhancements for …

…icon and notification components (#103)

* feat #99 - Avatar component
* feat #100 - Notification component should take in configuration options
* feat #101 - Icon component should render svgs

Closes #99
Closes #100
Closes #101

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@dassana-io/web-components",
-	"version": "0.4.0",
+	"version": "0.5.0",
 	"publishConfig": {
 		"registry": "https://npm.pkg.github.com/dassana-io"
 	},
@@ -78,6 +78,7 @@
 		"@storybook/addons": "^6.0.21",
 		"@storybook/preset-create-react-app": "^3.1.4",
 		"@storybook/react": "^6.0.21",
+		"@svgr/rollup": "^5.4.0",
 		"@types/bytes": "^3.1.0",
 		"@types/classnames": "^2.2.10",
 		"@types/enzyme": "^3.10.5",

rollup.config.ts

@@ -2,6 +2,7 @@ import commonjs from '@rollup/plugin-commonjs'
 import image from '@rollup/plugin-image'
 import resolve from '@rollup/plugin-node-resolve'
 import styles from 'rollup-plugin-styles'
+import svgr from '@svgr/rollup'
 import typescript from 'rollup-plugin-typescript2'
 import pkg from './package.json'
 
@@ -26,6 +27,7 @@ export default {
 		resolve(),
 		commonjs(),
 		styles(),
+		svgr(),
 		image(),
 		typescript({
 			tsconfig: 'tsconfig.rollup.json',