react-spinners-css - npm Package Compare versions

Comparing version 1.1.0 to 1.1.1

dist/index.js

@@ -9,2 +9,3 @@ import Circle from './Circle';
 import Hourglass from './Hourglass';
+import Orbitals from './Orbitals';
 import Ring from './Ring';
@@ -14,2 +15,2 @@ import Ripple from './Ripple';
 import Spinner from './Spinner';
-export { Circle, Default, DualRing, Ellipsis, Facebook, Grid, Heart, Hourglass, Ring, Ripple, Roller, Spinner };
+export { Circle, Default, DualRing, Ellipsis, Facebook, Grid, Heart, Hourglass, Orbitals, Ring, Ripple, Roller, Spinner };

package.json

 {
   "name": "react-spinners-css",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "private": false,
@@ -5,0 +5,0 @@ "main": "dist/index.js",

README.md

@@ -5,2 +5,3 @@ # React Spinners CSS Loaders ([Vue](https://github.com/JoshK2/vue-spinners-css), [Angular](https://github.com/JoshK2/ng-spinners))
 [![GitHub stars](https://img.shields.io/github/stars/joshk2/react-spinners-css)](https://github.com/JoshK2/react-spinners-css/stargazers)
+[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)
 [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/JoshK2/react-spinners-css/master/LICENSE)
@@ -10,6 +11,9 @@ [![Twitter Follow](https://img.shields.io/twitter/follow/joshkuttler)](https://twitter.com/JoshKuttler)
 <p align="center">
-  <a href="https://bit.dev/joshk/react-spinners-css"><img src="https://i.imagesup.co/images2/e5832341d5d3e440221cf80650042792a99e39f7.gif"></a>
+  <a href="https://bit.dev/joshk/react-spinners-css"><img src="https://i.imagesup.co/images2/1990710a88808ee8914167c74f57e604c5ed91fe.gif"></a>
 </p>
 
-Amazing collection of pure CSS react spinners components of css spinners for ajax or loading animation based on loading.io.  
+Amazing collection of React spinners components with pure css.  
+The React spinners are based on loading.io and from all over the web.  
+If you want to add your own spinner, please follow the [contributing guidelines](CONTRIBUTING.md).
+
 - 💅No extra CSS imports
@@ -20,3 +24,2 @@ - ✂️Zero dependencies
 ## [Live Demo](https://bit.dev/joshk/react-spinners-css)
-
 Browse components and explore their props with [Bit](https://bit.dev/joshk/react-spinners-css).  
@@ -28,3 +31,2 @@ Install specific react spinner component with npm, yarn or bit without having to install the whole project.
 ## 🚀 List of Spinners - PropTypes and Default Props
-
 Each component accepts a `color` prop, and few accepts also `size` prop.  
@@ -36,14 +38,15 @@ The default `color` prop is `#7f58af`.
 | ---------------- | ------------  | ------------- | ----------------- | ------------- |
-| Circle Spinner   | `#7f58af`     | `64px`        | `""`              | `{}`          |
-| Default Spinner  | `#7f58af`     | -             | `""`              | `{}`          |
-| DualRing Spinner | `#7f58af`     | -             | `""`              | `{}`          |
-| Ellipsis Spinner | `#7f58af`     | -             | `""`              | `{}`          |
-| Facebook Spinner | `#7f58af`     | -             | `""`              | `{}`          |
-| Grid Spinner     | `#7f58af`     | -             | `""`              | `{}`          |
-| Heart Spinner    | `#7f58af`     | -             | `""`              | `{}`          |
-| Hourglass Spinner| `#7f58af`     | -             | `""`              | `{}`          |
-| Ring Spinner     | `#7f58af`     | `80px`        | `""`              | `{}`          |
-| Ripple Spinner   | `#7f58af`     | -             | `""`              | `{}`          |
-| Roller Spinner   | `#7f58af`     | -             | `""`              | `{}`          |
-| Spinner Spinner  | `#7f58af`     | -             | `""`              | `{}`          |
+| `<Circle/>`      | `#7f58af`     | `64`          | `""`              | `{}`          |
+| `<Default/>`     | `#7f58af`     | -             | `""`              | `{}`          |
+| `<DualRing/>`    | `#7f58af`     | -             | `""`              | `{}`          |
+| `<Ellipsis/>`    | `#7f58af`     | -             | `""`              | `{}`          |
+| `<Facebook/>`    | `#7f58af`     | -             | `""`              | `{}`          |
+| `<Grid/>`        | `#7f58af`     | -             | `""`              | `{}`          |
+| `<Heart/>`       | `#7f58af`     | -             | `""`              | `{}`          |
+| `<Hourglass/>`   | `#7f58af`     | -             | `""`              | `{}`          |
+| `<Ring/>`        | `#7f58af`     | `80`          | `""`              | `{}`          |
+| `<Ripple/>`      | `#7f58af`     | -             | `""`              | `{}`          |
+| `<Roller/>`      | `#7f58af`     | -             | `""`              | `{}`          |
+| `<Spinner/>`     | `#7f58af`     | -             | `""`              | `{}`          |
+| `<Orbitals/>`    | `#7f58af`     | -             | `""`              | `{}`          |
 
@@ -53,3 +56,2 @@
 ### Using [npm](https://www.npmjs.com/package/react-spinners-css) to install react-spinners-css:  
-
 ```bash
@@ -60,3 +62,2 @@ $ npm i --save react-spinners-css
 ### Play and install react spinners with Bit
-
 Install specific react spinner component with bit, npm or yarn without having to install the whole project.  
@@ -77,3 +78,2 @@ Using [bit](https://bit.dev/joshk/react-spinners-css) to play with live demo, and try the spinners before install.
 ## 💻 Usage Examples
-
 you can use a random color from [jotils](https://bit.dev/joshk/jotils/get-random-color)  
@@ -92,2 +92,3 @@ ```javascript
        <Circle color="red" />
+       <Circle color="#be97e8" size={200} /> //size prop is number in pixel
        <Heart color={getRandomColor()} />
@@ -106,7 +107,8 @@ <Facebook /> //default color is #7f58af
 
-## ⌨️ Contributing
+## 🙌 Contributing
 - Pull requests and ⭐ stars are always welcome.
 - For bugs and feature requests, please create an issue.
+- If you want to add your own spinner, please follow the [contributing guidelines](CONTRIBUTING.md).
 
 ## 📄 License
 [MIT](https://github.com/JoshK2/react-spinners-css/blob/master/LICENSE)

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

45621

increased by16.15%

Number of package files

30

increased by7.14%

Lines of code

1157

increased by21.79%

Number of lines in readme file

104

increased by1.96%

No dependency changes