react-spinners-css - npm Package Compare versions

Comparing version 1.2.0 to 1.2.1

dist/Circle/index.js

@@ -12,4 +12,6 @@ "use strict";
 
-require("./style.css");
+var _classnames = _interopRequireDefault(require("classnames"));
 
+var _styleModule = _interopRequireDefault(require("./style.module.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -32,3 +34,3 @@
     _react.default.createElement("div", {
-      className: "lds-circle ".concat(className),
+      className: (0, _classnames.default)(_styleModule.default['lds-circle'], className),
       style: _objectSpread({
@@ -35,0 +37,0 @@ background: color,

dist/Default/index.js

@@ -12,4 +12,6 @@ "use strict";
 
-require("./style.css");
+var _classnames = _interopRequireDefault(require("classnames"));
 
+var _styleModule = _interopRequireDefault(require("./style.module.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -42,3 +44,3 @@
     _react.default.createElement("div", {
-      className: "lds-default ".concat(className),
+      className: (0, _classnames.default)(_styleModule.default['lds-default'], className),
       style: _objectSpread({
@@ -45,0 +47,0 @@ height: size,

dist/DualRing/index.js

@@ -12,4 +12,6 @@ "use strict";
 
-require("./style.css");
+var _classnames = _interopRequireDefault(require("classnames"));
 
+var _styleModule = _interopRequireDefault(require("./style.module.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -32,3 +34,3 @@
     _react.default.createElement("div", {
-      className: "lds-dual-ring ".concat(className),
+      className: (0, _classnames.default)(_styleModule.default['lds-dual-ring'], className),
       style: _objectSpread({
@@ -41,3 +43,3 @@ width: size,
     _react.default.createElement("div", {
-      className: "lds-dual-ring-after",
+      className: (0, _classnames.default)(_styleModule.default['lds-dual-ring-after']),
       style: {
@@ -44,0 +46,0 @@ borderColor: "".concat(color, " transparent"),

dist/Ellipsis/index.js

@@ -12,4 +12,6 @@ "use strict";
 
-require("./style.css");
+var _classnames = _interopRequireDefault(require("classnames"));
 
+var _styleModule = _interopRequireDefault(require("./style.module.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -40,3 +42,3 @@
     _react.default.createElement("div", {
-      className: "lds-ellipsis ".concat(className),
+      className: (0, _classnames.default)(_styleModule.default['lds-ellipsis'], className),
       style: _objectSpread(_objectSpread({}, style), {}, {
@@ -43,0 +45,0 @@ width: size,

dist/Facebook/index.js

@@ -12,4 +12,6 @@ "use strict";
 
-require("./style.css");
+var _classnames = _interopRequireDefault(require("classnames"));
 
+var _styleModule = _interopRequireDefault(require("./style.module.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -40,3 +42,3 @@
     _react.default.createElement("div", {
-      className: "lds-facebook ".concat(className),
+      className: (0, _classnames.default)(_styleModule.default['lds-facebook'], className),
       style: _objectSpread({
@@ -43,0 +45,0 @@ width: size,

dist/Grid/index.js

@@ -12,4 +12,6 @@ "use strict";
 
-require("./style.css");
+var _classnames = _interopRequireDefault(require("classnames"));
 
+var _styleModule = _interopRequireDefault(require("./style.module.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -40,3 +42,3 @@
     _react.default.createElement("div", {
-      className: "lds-grid ".concat(className),
+      className: (0, _classnames.default)(_styleModule.default['lds-grid'], className),
       style: _objectSpread({
@@ -43,0 +45,0 @@ width: size,

dist/Heart/index.js

@@ -12,4 +12,6 @@ "use strict";
 
-require("./style.css");
+var _classnames = _interopRequireDefault(require("classnames"));
 
+var _styleModule = _interopRequireDefault(require("./style.module.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -32,3 +34,3 @@
     _react.default.createElement("div", {
-      className: "lds-heart ".concat(className),
+      className: (0, _classnames.default)(_styleModule.default['lds-heart'], className),
       style: _objectSpread({
@@ -51,3 +53,3 @@ width: size,
     _react.default.createElement("div", {
-      className: "div-before",
+      className: (0, _classnames.default)(_styleModule.default['div-before']),
       style: {
@@ -62,3 +64,3 @@ background: color,
     _react.default.createElement("div", {
-      className: "div-after",
+      className: (0, _classnames.default)(_styleModule.default['div-after']),
       style: {
@@ -65,0 +67,0 @@ background: color,

dist/Hourglass/index.js

@@ -12,4 +12,6 @@ "use strict";
 
-require("./style.css");
+var _classnames = _interopRequireDefault(require("classnames"));
 
+var _styleModule = _interopRequireDefault(require("./style.module.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -32,3 +34,3 @@
     _react.default.createElement("div", {
-      className: "lds-hourglass ".concat(className),
+      className: (0, _classnames.default)(_styleModule.default['lds-hourglass'], className),
       style: _objectSpread({}, style)
@@ -38,3 +40,3 @@ },
     _react.default.createElement("div", {
-      className: "lds-hourglass-after",
+      className: (0, _classnames.default)(_styleModule.default['lds-hourglass-after']),
       style: {
@@ -41,0 +43,0 @@ background: color,

dist/Orbitals/index.js

@@ -12,4 +12,6 @@ "use strict";
 
-require("./style.css");
+var _classnames = _interopRequireDefault(require("classnames"));
 
+var _styleModule = _interopRequireDefault(require("./style.module.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -31,3 +33,3 @@
     _react.default.createElement("div", {
-      className: "lds-orbitals ".concat(className),
+      className: (0, _classnames.default)(_styleModule.default['lds-orbitals'], className),
       style: _objectSpread({}, style)
@@ -37,3 +39,3 @@ },
     _react.default.createElement("div", {
-      className: "center",
+      className: (0, _classnames.default)(_styleModule.default['center']),
       style: {
@@ -45,7 +47,7 @@ background: color
     _react.default.createElement("div", {
-      className: "inner-spin"
+      className: (0, _classnames.default)(_styleModule.default['inner-spin'])
     },
     /*#__PURE__*/
     _react.default.createElement("div", {
-      className: "inner-arc inner-arc_start-a",
+      className: (0, _classnames.default)(_styleModule.default['inner-arc'], _styleModule.default['inner-arc_start-a']),
       style: {
@@ -57,3 +59,3 @@ borderColor: color
     _react.default.createElement("div", {
-      className: "inner-arc inner-arc_end-a",
+      className: (0, _classnames.default)(_styleModule.default['inner-arc'], _styleModule.default['inner-arc_end-a']),
       style: {
@@ -65,3 +67,3 @@ borderColor: color
     _react.default.createElement("div", {
-      className: "inner-arc inner-arc_start-b",
+      className: (0, _classnames.default)(_styleModule.default['inner-arc'], _styleModule.default['inner-arc_start-b']),
       style: {
@@ -73,3 +75,3 @@ borderColor: color
     _react.default.createElement("div", {
-      className: "inner-arc inner-arc_end-b",
+      className: (0, _classnames.default)(_styleModule.default['inner-arc'], _styleModule.default['inner-arc_end-b']),
       style: {
@@ -81,3 +83,3 @@ borderColor: color
     _react.default.createElement("div", {
-      className: "inner-moon-a",
+      className: (0, _classnames.default)(_styleModule.default['inner-moon-a']),
       style: {
@@ -89,3 +91,3 @@ background: color
     _react.default.createElement("div", {
-      className: "inner-moon-b",
+      className: (0, _classnames.default)(_styleModule.default['inner-moon-b']),
       style: {
@@ -97,7 +99,7 @@ background: color
     _react.default.createElement("div", {
-      className: "outer-spin"
+      className: (0, _classnames.default)(_styleModule.default['outer-spin'])
     },
     /*#__PURE__*/
     _react.default.createElement("div", {
-      className: "outer-arc outer-arc_start-a",
+      className: (0, _classnames.default)(_styleModule.default['outer-arc'], _styleModule.default['outer-arc_start-a']),
       style: {
@@ -109,3 +111,3 @@ borderColor: color
     _react.default.createElement("div", {
-      className: "outer-arc outer-arc_end-a",
+      className: (0, _classnames.default)(_styleModule.default['outer-arc'], _styleModule.default['outer-arc_end-a']),
       style: {
@@ -117,3 +119,3 @@ borderColor: color
     _react.default.createElement("div", {
-      className: "outer-arc outer-arc_start-b",
+      className: (0, _classnames.default)(_styleModule.default['outer-arc'], _styleModule.default['outer-arc_start-b']),
       style: {
@@ -125,3 +127,3 @@ borderColor: color
     _react.default.createElement("div", {
-      className: "outer-arc outer-arc_end-b",
+      className: (0, _classnames.default)(_styleModule.default['outer-arc'], _styleModule.default['outer-arc_end-b']),
       style: {
@@ -133,3 +135,3 @@ borderColor: color
     _react.default.createElement("div", {
-      className: "outer-moon-a",
+      className: (0, _classnames.default)(_styleModule.default['outer-moon-a']),
       style: {
@@ -141,3 +143,3 @@ background: color
     _react.default.createElement("div", {
-      className: "outer-moon-b",
+      className: (0, _classnames.default)(_styleModule.default['outer-moon-b']),
       style: {
@@ -144,0 +146,0 @@ background: color

dist/Ouroboro/index.js

@@ -12,4 +12,6 @@ "use strict";
 
-require("./style.css");
+var _classnames = _interopRequireDefault(require("classnames"));
 
+var _styleModule = _interopRequireDefault(require("./style.module.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -31,3 +33,3 @@
     _react.default.createElement("div", {
-      className: "lds-ouroboro ".concat(className),
+      className: (0, _classnames.default)(_styleModule.default['lds-ouroboro'], className),
       style: _objectSpread({}, style)
@@ -37,7 +39,7 @@ },
     _react.default.createElement("span", {
-      className: "left"
+      className: (0, _classnames.default)(_styleModule.default.left)
     },
     /*#__PURE__*/
     _react.default.createElement("span", {
-      className: "anim",
+      className: (0, _classnames.default)(_styleModule.default.anim),
       style: {
@@ -49,7 +51,7 @@ background: color
     _react.default.createElement("span", {
-      className: "right"
+      className: (0, _classnames.default)(_styleModule.default.right)
     },
     /*#__PURE__*/
     _react.default.createElement("span", {
-      className: "anim",
+      className: (0, _classnames.default)(_styleModule.default.anim),
       style: {
@@ -56,0 +58,0 @@ background: color

dist/Ring/index.js

@@ -12,4 +12,6 @@ "use strict";
 
-require("./style.css");
+var _classnames = _interopRequireDefault(require("classnames"));
 
+var _styleModule = _interopRequireDefault(require("./style.module.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -47,3 +49,3 @@
     _react.default.createElement("div", {
-      className: "lds-ring ".concat(className),
+      className: (0, _classnames.default)(_styleModule.default['lds-ring'], className),
       style: _objectSpread({
@@ -50,0 +52,0 @@ width: size,

dist/Ripple/index.js

@@ -12,4 +12,6 @@ "use strict";
 
-require("./style.css");
+var _classnames = _interopRequireDefault(require("classnames"));
 
+var _styleModule = _interopRequireDefault(require("./style.module.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -41,3 +43,3 @@
     _react.default.createElement("div", {
-      className: "lds-ripple ".concat(className),
+      className: (0, _classnames.default)(_styleModule.default['lds-ripple'], className),
       style: _objectSpread({
@@ -44,0 +46,0 @@ width: size,

dist/Roller/index.js

@@ -12,4 +12,6 @@ "use strict";
 
-require("./style.css");
+var _classnames = _interopRequireDefault(require("classnames"));
 
+var _styleModule = _interopRequireDefault(require("./style.module.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -36,3 +38,3 @@
       _react.default.createElement("div", {
-        className: "div-after",
+        className: (0, _classnames.default)(_styleModule.default['div-after']),
         style: {
@@ -47,3 +49,3 @@ background: color
     _react.default.createElement("div", {
-      className: "lds-roller ".concat(className),
+      className: (0, _classnames.default)(_styleModule.default['lds-roller'], className),
       style: _objectSpread({}, style)
@@ -50,0 +52,0 @@ }, circles)

dist/Spinner/index.js

@@ -12,4 +12,6 @@ "use strict";
 
-require("./style.css");
+var _classnames = _interopRequireDefault(require("classnames"));
 
+var _styleModule = _interopRequireDefault(require("./style.module.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -36,3 +38,3 @@
       _react.default.createElement("div", {
-        className: "div-after",
+        className: (0, _classnames.default)(_styleModule.default['div-after']),
         style: {
@@ -47,3 +49,3 @@ background: color
     _react.default.createElement("div", {
-      className: "lds-spinner ".concat(className),
+      className: (0, _classnames.default)(_styleModule.default['lds-spinner'], className),
       style: _objectSpread({}, style)
@@ -50,0 +52,0 @@ }, circles)

package.json

 {
   "name": "react-spinners-css",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "private": false,
@@ -56,2 +56,3 @@ "main": "dist/index.js",
   "dependencies": {
+    "classnames": "^2.2.6",
     "prop-types": "^15.7.2"
@@ -58,0 +59,0 @@ },

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

64926

increased by4.54%

Lines of code

1772

increased by2.55%

Worsened metrics

Dependency count

4

increased by33.33%

Dependency changes

• + Addedclassnames@^2.2.6

• + Addedclassnames@2.5.1(transitive)