run prettier formater and update version

Author: JoshK2

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-spinners-css",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.js",

src/components/Circle/index.js

@@ -4,7 +4,7 @@ import './style.css'
 
 export default class Circle extends Component {
     render() {
-        const { color, size } = this.props;
+        const { color, size } = this.props
         return <div className="lds-circle" style={{ background: color, width: size, height: size }}></div>
     }
 }

src/components/Default/index.js

@@ -3,11 +3,9 @@ import PropTypes from 'prop-types'
 import './style.css'
 
 export default function Default({ color }) {
-  const circles = [...Array(12)].map((_, index) => (
-    <div key={index} style={{ background: `${color}` }} />
-  ));
+    const circles = [...Array(12)].map((_, index) => <div key={index} style={{ background: `${color}` }} />)
 
-  return <div className="lds-default">{circles}</div>;
+    return <div className="lds-default">{circles}</div>
 }
 
 Default.propTypes = {

src/components/Ellipsis/index.js

@@ -8,7 +8,7 @@ export default class Ellipsis extends Component {
         for (let index = 0; index < 4; index++) {
             div.push(<div key={index} style={{ background: `${this.props.color}` }}></div>)
         }
-        return div;
+        return div
     }
 
     render() {

src/components/Grid/index.js

@@ -3,11 +3,9 @@ import PropTypes from 'prop-types'
 import './style.css'
 
 export default function Grid({ color }) {
-  const circles = [...Array(9)].map((_, index) => (
-    <div key={index} style={{ background: `${color}` }} />
-  ));
+    const circles = [...Array(9)].map((_, index) => <div key={index} style={{ background: `${color}` }} />)
 
-  return <div className="lds-grid">{circles}</div>;
+    return <div className="lds-grid">{circles}</div>
 }
 
 Grid.propTypes = {

src/components/Ring/index.js

@@ -4,17 +4,32 @@ import './style.css'
 
 export default class Ring extends Component {
     Circles = () => {
-        const { color, size } = this.props;
+        const { color, size } = this.props
         let div = []
         for (let index = 0; index < 4; index++) {
-            div.push(<div key={index} style={{ borderColor: `${color} transparent transparent transparent`, width: size * 0.8, height: size * 0.8, margin: size * 0.1, borderWidth: size * 0.1 }}></div>)
+            div.push(
+                <div
+                    key={index}
+                    style={{
+                        borderColor: `${color} transparent transparent transparent`,
+                        width: size * 0.8,
+                        height: size * 0.8,
+                        margin: size * 0.1,
+                        borderWidth: size * 0.1,
+                    }}
+                ></div>
+            )
         }
-        return div;
+        return div
     }
 
     render() {
-        const { size } = this.props;
-        return <div className="lds-ring" style={{ width: size, height: size }}>{this.Circles()}</div>
+        const { size } = this.props
+        return (
+            <div className="lds-ring" style={{ width: size, height: size }}>
+                {this.Circles()}
+            </div>
+        )
     }
 }
 

src/components/Ripple/index.js

@@ -8,7 +8,7 @@ export default class Ripple extends Component {
         for (let index = 0; index < 2; index++) {
             div.push(<div key={index} style={{ borderColor: `${this.props.color}` }}></div>)
         }
-        return div;
+        return div
     }
 
     render() {

src/components/Roller/index.js

@@ -12,7 +12,7 @@ export default class Roller extends Component {
                 </div>
             )
         }
-        return div;
+        return div
     }
 
     render() {

src/index.js

@@ -126,7 +126,7 @@ const SizeProp = () => {
 const App = () => {
     return (
         <div>
-            <h1 style={{textAlign: 'center'}}>React Spinners</h1>
+            <h1 style={{ textAlign: 'center' }}>React Spinners</h1>
             <Spinners />
             <ColorProp />
             <SizeProp />