react-spinners-css - npm Package Compare versions

Comparing version 1.1.1 to 1.1.2

dist/DualRing/index.js

@@ -12,10 +12,17 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
       className = _ref.className,
-      style = _ref.style;
+      style = _ref.style,
+      size = _ref.size;
   return React.createElement("div", {
     className: "lds-dual-ring ".concat(className),
-    style: _objectSpread({}, style)
+    style: _objectSpread({
+      width: size,
+      height: size
+    }, style)
   }, React.createElement("div", {
     className: "lds-dual-ring-after",
     style: {
-      borderColor: "".concat(color, " transparent")
+      borderColor: "".concat(color, " transparent"),
+      borderWidth: size * 0.1,
+      width: size * 0.7 - 6,
+      height: size * 0.7 - 6
     }
@@ -27,3 +34,4 @@ }));
   className: '',
-  style: {}
+  style: {},
+  size: 80
 };

dist/Heart/index.js

@@ -12,9 +12,17 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
       className = _ref.className,
-      style = _ref.style;
+      style = _ref.style,
+      size = _ref.size;
   return React.createElement("div", {
     className: "lds-heart ".concat(className),
-    style: _objectSpread({}, style)
+    style: _objectSpread({
+      width: size,
+      height: size
+    }, style)
   }, React.createElement("div", {
     style: {
-      background: color
+      background: color,
+      width: size * 0.4,
+      height: size * 0.4,
+      left: size * 0.3,
+      top: size * 0.3
     }
@@ -24,3 +32,6 @@ }, React.createElement("div", {
     style: {
-      background: color
+      background: color,
+      width: size * 0.4,
+      height: size * 0.4,
+      left: -size * 0.3
     }
@@ -30,3 +41,6 @@ }), React.createElement("div", {
     style: {
-      background: color
+      background: color,
+      width: size * 0.4,
+      height: size * 0.4,
+      top: -size * 0.3
     }
@@ -38,3 +52,4 @@ })));
   className: '',
-  style: {}
+  style: {},
+  size: 80
 };

dist/index.js

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

dist/Ripple/index.js

@@ -13,3 +13,4 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
       className = _ref.className,
-      style = _ref.style;
+      style = _ref.style,
+      size = _ref.size;
 
@@ -20,3 +21,4 @@ var circles = _toConsumableArray(Array(2)).map(function (_, index) {
       style: {
-        borderColor: "".concat(color)
+        borderColor: "".concat(color),
+        borderWidth: size * 0.05
       }
@@ -28,3 +30,6 @@ });
     className: "lds-ripple ".concat(className),
-    style: _objectSpread({}, style)
+    style: _objectSpread({
+      width: size,
+      height: size
+    }, style)
   }, circles);
@@ -35,3 +40,4 @@ }
   className: '',
-  style: {}
+  style: {},
+  size: 80
 };

package.json

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

README.md

@@ -8,5 +8,6 @@ # React Spinners CSS Loaders ([Vue](https://github.com/JoshK2/vue-spinners-css), [Angular](https://github.com/JoshK2/ng-spinners))
 [![Twitter Follow](https://img.shields.io/twitter/follow/joshkuttler)](https://twitter.com/JoshKuttler)
+<span class="badge-buymeacoffee"><a href="https://ko-fi.com/X8X614J76" title="Donate to this project using Ko-fi"><img src="https://img.shields.io/badge/buy%20me%20a%20coffee-support-%23ff5f5f" alt="Buy Me A Coffee donate button" /></a></span>
 
 <p align="center">
-  <a href="https://bit.dev/joshk/react-spinners-css"><img src="https://i.imagesup.co/images2/1990710a88808ee8914167c74f57e604c5ed91fe.gif"></a>
+  <a href="https://bit.dev/joshk/react-spinners-css"><img src="https://i.imagesup.co/images2/1d67baaff0ba984979234d95271099843299dda1.gif"></a>
 </p>
@@ -37,13 +38,14 @@
 | `<Default/>`     | `#7f58af`     | -             | `""`              | `{}`          |
-| `<DualRing/>`    | `#7f58af`     | -             | `""`              | `{}`          |
+| `<DualRing/>`    | `#7f58af`     | `80`          | `""`              | `{}`          |
 | `<Ellipsis/>`    | `#7f58af`     | -             | `""`              | `{}`          |
 | `<Facebook/>`    | `#7f58af`     | -             | `""`              | `{}`          |
 | `<Grid/>`        | `#7f58af`     | -             | `""`              | `{}`          |
-| `<Heart/>`       | `#7f58af`     | -             | `""`              | `{}`          |
+| `<Heart/>`       | `#7f58af`     | `80`          | `""`              | `{}`          |
 | `<Hourglass/>`   | `#7f58af`     | -             | `""`              | `{}`          |
 | `<Ring/>`        | `#7f58af`     | `80`          | `""`              | `{}`          |
-| `<Ripple/>`      | `#7f58af`     | -             | `""`              | `{}`          |
+| `<Ripple/>`      | `#7f58af`     | `80`          | `""`              | `{}`          |
 | `<Roller/>`      | `#7f58af`     | -             | `""`              | `{}`          |
 | `<Spinner/>`     | `#7f58af`     | -             | `""`              | `{}`          |
 | `<Orbitals/>`    | `#7f58af`     | -             | `""`              | `{}`          |
+| `<Ouroboro/>`    | `#7f58af`     | -             | `""`              | `{}`          |
 
@@ -104,4 +106,10 @@
 - If you want to add your own spinner, please follow the [contributing guidelines](CONTRIBUTING.md).
+- If you want to update or add features to some spinner, please follow the [contributing guidelines](CONTRIBUTING.md).
 
+## 👏🏻 Support my open-source
+If you like to support my open-source contributions and feeling generous, feel free to:
+
+[![ko-fi](https://www.ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/X8X614J76)
+
 ## 📄 License
-[MIT](https://github.com/JoshK2/react-spinners-css/blob/master/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

49879

increased by9.33%

Number of package files

32

increased by6.67%

Lines of code

1276

increased by10.29%

Number of lines in readme file

113

increased by8.65%

No dependency changes