react-spinners - npm Package Compare versions

Comparing version 0.13.0-beta.6 to 0.13.0-beta.7

CHANGELOG.md

@@ -5,2 +5,6 @@ # Change Log
 
+## 0.13.0-beta.7
+
+- **bugfix**: fix style warnings on ClipLoader and CircleLoader
+
 ## 0.13.0-beta.6
@@ -7,0 +11,0 @@

CircleLoader.js

@@ -61,7 +61,8 @@ "use strict";
             width: "".concat(value * (1 - i / 10)).concat(unit),
-            border: "1px solid ".concat(color),
+            borderTop: "1px solid ".concat(color),
+            borderBottom: "none",
+            borderLeft: "1px solid ".concat(color),
+            borderRight: "none",
             borderRadius: "100%",
             transition: "2s",
-            borderBottom: "none",
-            borderRight: "none",
             top: "".concat(i * 0.7 * 2.5, "%"),
@@ -68,0 +69,0 @@ left: "".concat(i * 0.35 * 2.5, "%"),

cjs/CircleLoader.js

@@ -61,7 +61,8 @@ "use strict";
             width: "".concat(value * (1 - i / 10)).concat(unit),
-            border: "1px solid ".concat(color),
+            borderTop: "1px solid ".concat(color),
+            borderBottom: "none",
+            borderLeft: "1px solid ".concat(color),
+            borderRight: "none",
             borderRadius: "100%",
             transition: "2s",
-            borderBottom: "none",
-            borderRight: "none",
             top: "".concat(i * 0.7 * 2.5, "%"),
@@ -68,0 +69,0 @@ left: "".concat(i * 0.35 * 2.5, "%"),

cjs/ClipLoader.js

@@ -54,3 +54,3 @@ "use strict";
     var _b = _a.loading, loading = _b === void 0 ? true : _b, _c = _a.color, color = _c === void 0 ? "#000000" : _c, _d = _a.speedMultiplier, speedMultiplier = _d === void 0 ? 1 : _d, _e = _a.cssOverride, cssOverride = _e === void 0 ? {} : _e, _f = _a.size, size = _f === void 0 ? 35 : _f, additionalprops = __rest(_a, ["loading", "color", "speedMultiplier", "cssOverride", "size"]);
-    var style = __assign({ background: "transparent !important", width: (0, unitConverter_1.cssValue)(size), height: (0, unitConverter_1.cssValue)(size), borderRadius: "100%", border: "2px solid", borderColor: color, borderBottomColor: "transparent", display: "inline-block", animation: "".concat(clip, " ").concat(0.75 / speedMultiplier, "s 0s infinite linear"), animationFillMode: "both" }, cssOverride);
+    var style = __assign({ background: "transparent !important", width: (0, unitConverter_1.cssValue)(size), height: (0, unitConverter_1.cssValue)(size), borderRadius: "100%", border: "2px solid", borderTopColor: color, borderBottomColor: "transparent", borderLeftColor: color, borderRightColor: color, display: "inline-block", animation: "".concat(clip, " ").concat(0.75 / speedMultiplier, "s 0s infinite linear"), animationFillMode: "both" }, cssOverride);
     if (!loading) {
@@ -57,0 +57,0 @@ return null;

ClipLoader.js

@@ -54,3 +54,3 @@ "use strict";
     var _b = _a.loading, loading = _b === void 0 ? true : _b, _c = _a.color, color = _c === void 0 ? "#000000" : _c, _d = _a.speedMultiplier, speedMultiplier = _d === void 0 ? 1 : _d, _e = _a.cssOverride, cssOverride = _e === void 0 ? {} : _e, _f = _a.size, size = _f === void 0 ? 35 : _f, additionalprops = __rest(_a, ["loading", "color", "speedMultiplier", "cssOverride", "size"]);
-    var style = __assign({ background: "transparent !important", width: (0, unitConverter_1.cssValue)(size), height: (0, unitConverter_1.cssValue)(size), borderRadius: "100%", border: "2px solid", borderColor: color, borderBottomColor: "transparent", display: "inline-block", animation: "".concat(clip, " ").concat(0.75 / speedMultiplier, "s 0s infinite linear"), animationFillMode: "both" }, cssOverride);
+    var style = __assign({ background: "transparent !important", width: (0, unitConverter_1.cssValue)(size), height: (0, unitConverter_1.cssValue)(size), borderRadius: "100%", border: "2px solid", borderTopColor: color, borderBottomColor: "transparent", borderLeftColor: color, borderRightColor: color, display: "inline-block", animation: "".concat(clip, " ").concat(0.75 / speedMultiplier, "s 0s infinite linear"), animationFillMode: "both" }, cssOverride);
     if (!loading) {
@@ -57,0 +57,0 @@ return null;

esm/CircleLoader.js

@@ -36,7 +36,8 @@ var __assign = (this && this.__assign) || function () {
             width: "".concat(value * (1 - i / 10)).concat(unit),
-            border: "1px solid ".concat(color),
+            borderTop: "1px solid ".concat(color),
+            borderBottom: "none",
+            borderLeft: "1px solid ".concat(color),
+            borderRight: "none",
             borderRadius: "100%",
             transition: "2s",
-            borderBottom: "none",
-            borderRight: "none",
             top: "".concat(i * 0.7 * 2.5, "%"),
@@ -43,0 +44,0 @@ left: "".concat(i * 0.35 * 2.5, "%"),

esm/ClipLoader.js

@@ -29,3 +29,3 @@ var __assign = (this && this.__assign) || function () {
     var _b = _a.loading, loading = _b === void 0 ? true : _b, _c = _a.color, color = _c === void 0 ? "#000000" : _c, _d = _a.speedMultiplier, speedMultiplier = _d === void 0 ? 1 : _d, _e = _a.cssOverride, cssOverride = _e === void 0 ? {} : _e, _f = _a.size, size = _f === void 0 ? 35 : _f, additionalprops = __rest(_a, ["loading", "color", "speedMultiplier", "cssOverride", "size"]);
-    var style = __assign({ background: "transparent !important", width: cssValue(size), height: cssValue(size), borderRadius: "100%", border: "2px solid", borderColor: color, borderBottomColor: "transparent", display: "inline-block", animation: "".concat(clip, " ").concat(0.75 / speedMultiplier, "s 0s infinite linear"), animationFillMode: "both" }, cssOverride);
+    var style = __assign({ background: "transparent !important", width: cssValue(size), height: cssValue(size), borderRadius: "100%", border: "2px solid", borderTopColor: color, borderBottomColor: "transparent", borderLeftColor: color, borderRightColor: color, display: "inline-block", animation: "".concat(clip, " ").concat(0.75 / speedMultiplier, "s 0s infinite linear"), animationFillMode: "both" }, cssOverride);
     if (!loading) {
@@ -32,0 +32,0 @@ return null;

package.json

 {
   "name": "react-spinners",
-  "version": "0.13.0-beta.6",
+  "version": "0.13.0-beta.7",
   "description": "A collection of react loading spinners",
@@ -53,3 +53,3 @@ "repository": {
     "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook"
+    "build-storybook": "build-storybook --docs -o ./docs/storybook"
   },
@@ -56,0 +56,0 @@ "devDependencies": {

umd/CircleLoader.js

@@ -70,7 +70,8 @@ var __assign = (this && this.__assign) || function () {
                 width: "".concat(value * (1 - i / 10)).concat(unit),
-                border: "1px solid ".concat(color),
+                borderTop: "1px solid ".concat(color),
+                borderBottom: "none",
+                borderLeft: "1px solid ".concat(color),
+                borderRight: "none",
                 borderRadius: "100%",
                 transition: "2s",
-                borderBottom: "none",
-                borderRight: "none",
                 top: "".concat(i * 0.7 * 2.5, "%"),
@@ -77,0 +78,0 @@ left: "".concat(i * 0.35 * 2.5, "%"),

umd/ClipLoader.js

@@ -63,3 +63,3 @@ var __assign = (this && this.__assign) || function () {
         var _b = _a.loading, loading = _b === void 0 ? true : _b, _c = _a.color, color = _c === void 0 ? "#000000" : _c, _d = _a.speedMultiplier, speedMultiplier = _d === void 0 ? 1 : _d, _e = _a.cssOverride, cssOverride = _e === void 0 ? {} : _e, _f = _a.size, size = _f === void 0 ? 35 : _f, additionalprops = __rest(_a, ["loading", "color", "speedMultiplier", "cssOverride", "size"]);
-        var style = __assign({ background: "transparent !important", width: (0, unitConverter_1.cssValue)(size), height: (0, unitConverter_1.cssValue)(size), borderRadius: "100%", border: "2px solid", borderColor: color, borderBottomColor: "transparent", display: "inline-block", animation: "".concat(clip, " ").concat(0.75 / speedMultiplier, "s 0s infinite linear"), animationFillMode: "both" }, cssOverride);
+        var style = __assign({ background: "transparent !important", width: (0, unitConverter_1.cssValue)(size), height: (0, unitConverter_1.cssValue)(size), borderRadius: "100%", border: "2px solid", borderTopColor: color, borderBottomColor: "transparent", borderLeftColor: color, borderRightColor: color, display: "inline-block", animation: "".concat(clip, " ").concat(0.75 / speedMultiplier, "s 0s infinite linear"), animationFillMode: "both" }, cssOverride);
         if (!loading) {
@@ -66,0 +66,0 @@ return null;

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

504995

increased by0.13%

Lines of code

9060

increased by0.04%

No dependency changes