react-spinners-css - npm Package Compare versions

Comparing version 1.1.9 to 1.2.0

dist/Circle/index.js

@@ -1,3 +0,16 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Circle;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+require("./style.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -7,18 +20,36 @@
 
-import React from 'react';
-import './style.css';
-export default function Circle(_ref) {
-  var color = _ref.color,
-      size = _ref.size,
-      className = _ref.className,
-      style = _ref.style;
-  return React.createElement("div", {
-    className: "lds-circle ".concat(className),
-    style: _objectSpread({
-      background: color,
-      width: size,
-      height: size
-    }, style)
-  });
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function Circle({
+  color,
+  size,
+  className,
+  style
+}) {
+  return (
+    /*#__PURE__*/
+    _react.default.createElement("div", {
+      className: "lds-circle ".concat(className),
+      style: _objectSpread({
+        background: color,
+        width: size,
+        height: size
+      }, style)
+    })
+  );
 }
+
+Circle.propTypes = {
+  /** hex color */
+  color: _propTypes.default.string,
+
+  /** size in pixel */
+  size: _propTypes.default.number,
+
+  /** class name  */
+  className: _propTypes.default.string,
+
+  /** style object */
+  style: _propTypes.default.object
+};
 Circle.defaultProps = {
@@ -25,0 +56,0 @@ color: '#7f58af',

dist/Default/index.js

@@ -1,4 +0,16 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Default;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+require("./style.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -8,29 +20,45 @@
 
-import React from 'react';
-import './style.css';
-export default function Default(_ref) {
-  var color = _ref.color,
-      className = _ref.className,
-      style = _ref.style,
-      size = _ref.size;
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-  var circles = _toConsumableArray(Array(12)).map(function (_, index) {
-    return React.createElement("div", {
-      key: index,
-      style: {
-        background: "".concat(color),
-        width: size * 0.075,
-        height: size * 0.075
-      }
-    });
-  });
+function Default({
+  color,
+  className,
+  style,
+  size
+}) {
+  const circles = [...Array(12)].map((_, index) =>
+  /*#__PURE__*/
+  _react.default.createElement("div", {
+    key: index,
+    style: {
+      background: "".concat(color),
+      width: size * 0.075,
+      height: size * 0.075
+    }
+  }));
+  return (
+    /*#__PURE__*/
+    _react.default.createElement("div", {
+      className: "lds-default ".concat(className),
+      style: _objectSpread({
+        height: size,
+        width: size
+      }, style)
+    }, circles)
+  );
+}
 
-  return React.createElement("div", {
-    className: "lds-default ".concat(className),
-    style: _objectSpread({
-      height: size,
-      width: size
-    }, style)
-  }, circles);
-}
+Default.propTypes = {
+  /** hex color */
+  color: _propTypes.default.string,
+
+  /** size in pixel */
+  size: _propTypes.default.number,
+
+  /** class name  */
+  className: _propTypes.default.string,
+
+  /** style object */
+  style: _propTypes.default.object
+};
 Default.defaultProps = {
@@ -37,0 +65,0 @@ color: '#7f58af',

dist/DualRing/index.js

@@ -1,3 +0,16 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DualRing;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+require("./style.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -7,25 +20,45 @@
 
-import React from 'react';
-import './style.css';
-export default function DualRing(_ref) {
-  var color = _ref.color,
-      className = _ref.className,
-      style = _ref.style,
-      size = _ref.size;
-  return React.createElement("div", {
-    className: "lds-dual-ring ".concat(className),
-    style: _objectSpread({
-      width: size,
-      height: size
-    }, style)
-  }, React.createElement("div", {
-    className: "lds-dual-ring-after",
-    style: {
-      borderColor: "".concat(color, " transparent"),
-      borderWidth: size * 0.1,
-      width: size * 0.7 - 6,
-      height: size * 0.7 - 6
-    }
-  }));
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function DualRing({
+  color,
+  className,
+  style,
+  size
+}) {
+  return (
+    /*#__PURE__*/
+    _react.default.createElement("div", {
+      className: "lds-dual-ring ".concat(className),
+      style: _objectSpread({
+        width: size,
+        height: size
+      }, style)
+    },
+    /*#__PURE__*/
+    _react.default.createElement("div", {
+      className: "lds-dual-ring-after",
+      style: {
+        borderColor: "".concat(color, " transparent"),
+        borderWidth: size * 0.1,
+        width: size * 0.7 - 6,
+        height: size * 0.7 - 6
+      }
+    }))
+  );
 }
+
+DualRing.propTypes = {
+  /** hex color */
+  color: _propTypes.default.string,
+
+  /** class name  */
+  className: _propTypes.default.string,
+
+  /** style object */
+  style: _propTypes.default.object,
+
+  /** size in pixel */
+  size: _propTypes.default.number
+};
 DualRing.defaultProps = {
@@ -32,0 +65,0 @@ color: '#7f58af',

dist/Ellipsis/index.js

@@ -1,4 +0,16 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Ellipsis;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+require("./style.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -8,27 +20,43 @@
 
-import React from 'react';
-import './style.css';
-export default function Ellipsis(_ref) {
-  var color = _ref.color,
-      size = _ref.size,
-      className = _ref.className,
-      style = _ref.style;
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-  var circles = _toConsumableArray(Array(4)).map(function (_, index) {
-    return React.createElement("div", {
-      key: index,
-      style: {
-        background: "".concat(color)
-      }
-    });
-  });
+function Ellipsis({
+  color,
+  size,
+  className,
+  style
+}) {
+  const circles = [...Array(4)].map((_, index) =>
+  /*#__PURE__*/
+  _react.default.createElement("div", {
+    key: index,
+    style: {
+      background: "".concat(color)
+    }
+  }));
+  return (
+    /*#__PURE__*/
+    _react.default.createElement("div", {
+      className: "lds-ellipsis ".concat(className),
+      style: _objectSpread(_objectSpread({}, style), {}, {
+        width: size,
+        height: size
+      })
+    }, circles)
+  );
+}
 
-  return React.createElement("div", {
-    className: "lds-ellipsis ".concat(className),
-    style: _objectSpread({}, style, {
-      width: size,
-      height: size
-    })
-  }, circles);
-}
+Ellipsis.propTypes = {
+  /** hex color */
+  color: _propTypes.default.string,
+
+  /** size in pixel */
+  size: _propTypes.default.number,
+
+  /** class name  */
+  className: _propTypes.default.string,
+
+  /** style object */
+  style: _propTypes.default.object
+};
 Ellipsis.defaultProps = {
@@ -35,0 +63,0 @@ color: '#7f58af',

dist/Facebook/index.js

@@ -1,4 +0,16 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Facebook;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+require("./style.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -8,27 +20,43 @@
 
-import React from 'react';
-import './style.css';
-export default function Facebook(_ref) {
-  var color = _ref.color,
-      className = _ref.className,
-      style = _ref.style,
-      size = _ref.size;
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-  var circles = _toConsumableArray(Array(3)).map(function (_, index) {
-    return React.createElement("div", {
-      key: index,
-      style: {
-        background: "".concat(color)
-      }
-    });
-  });
+function Facebook({
+  color,
+  className,
+  style,
+  size
+}) {
+  const circles = [...Array(3)].map((_, index) =>
+  /*#__PURE__*/
+  _react.default.createElement("div", {
+    key: index,
+    style: {
+      background: "".concat(color)
+    }
+  }));
+  return (
+    /*#__PURE__*/
+    _react.default.createElement("div", {
+      className: "lds-facebook ".concat(className),
+      style: _objectSpread({
+        width: size,
+        height: size
+      }, style)
+    }, circles)
+  );
+}
 
-  return React.createElement("div", {
-    className: "lds-facebook ".concat(className),
-    style: _objectSpread({
-      width: size,
-      height: size
-    }, style)
-  }, circles);
-}
+Facebook.propTypes = {
+  /** hex color */
+  color: _propTypes.default.string,
+
+  /** class name  */
+  className: _propTypes.default.string,
+
+  /** style object */
+  style: _propTypes.default.object,
+
+  /** size in pixel */
+  size: _propTypes.default.number
+};
 Facebook.defaultProps = {
@@ -35,0 +63,0 @@ color: '#7f58af',

dist/Grid/index.js

@@ -1,4 +0,16 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Grid;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+require("./style.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -8,27 +20,43 @@
 
-import React from 'react';
-import './style.css';
-export default function Grid(_ref) {
-  var color = _ref.color,
-      className = _ref.className,
-      style = _ref.style,
-      size = _ref.size;
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-  var circles = _toConsumableArray(Array(9)).map(function (_, index) {
-    return React.createElement("div", {
-      key: index,
-      style: {
-        background: "".concat(color)
-      }
-    });
-  });
+function Grid({
+  color,
+  className,
+  style,
+  size
+}) {
+  const circles = [...Array(9)].map((_, index) =>
+  /*#__PURE__*/
+  _react.default.createElement("div", {
+    key: index,
+    style: {
+      background: "".concat(color)
+    }
+  }));
+  return (
+    /*#__PURE__*/
+    _react.default.createElement("div", {
+      className: "lds-grid ".concat(className),
+      style: _objectSpread({
+        width: size,
+        height: size
+      }, style)
+    }, circles)
+  );
+}
 
-  return React.createElement("div", {
-    className: "lds-grid ".concat(className),
-    style: _objectSpread({
-      width: size,
-      height: size
-    }, style)
-  }, circles);
-}
+Grid.propTypes = {
+  /** hex color */
+  color: _propTypes.default.string,
+
+  /** size in pixel */
+  size: _propTypes.default.number,
+
+  /** class name  */
+  className: _propTypes.default.string,
+
+  /** style object */
+  style: _propTypes.default.object
+};
 Grid.defaultProps = {
@@ -35,0 +63,0 @@ color: '#7f58af',

dist/Heart/index.js

@@ -1,3 +0,16 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Heart;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+require("./style.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -7,41 +20,65 @@
 
-import React from 'react';
-import './style.css';
-export default function Heart(_ref) {
-  var color = _ref.color,
-      className = _ref.className,
-      style = _ref.style,
-      size = _ref.size;
-  return React.createElement("div", {
-    className: "lds-heart ".concat(className),
-    style: _objectSpread({
-      width: size,
-      height: size
-    }, style)
-  }, React.createElement("div", {
-    style: {
-      background: color,
-      width: size * 0.4,
-      height: size * 0.4,
-      left: size * 0.3,
-      top: size * 0.3
-    }
-  }, React.createElement("div", {
-    className: "div-before",
-    style: {
-      background: color,
-      width: size * 0.4,
-      height: size * 0.4,
-      left: -size * 0.3
-    }
-  }), React.createElement("div", {
-    className: "div-after",
-    style: {
-      background: color,
-      width: size * 0.4,
-      height: size * 0.4,
-      top: -size * 0.3
-    }
-  })));
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function Heart({
+  color,
+  className,
+  style,
+  size
+}) {
+  return (
+    /*#__PURE__*/
+    _react.default.createElement("div", {
+      className: "lds-heart ".concat(className),
+      style: _objectSpread({
+        width: size,
+        height: size
+      }, style)
+    },
+    /*#__PURE__*/
+    _react.default.createElement("div", {
+      style: {
+        background: color,
+        width: size * 0.4,
+        height: size * 0.4,
+        left: size * 0.3,
+        top: size * 0.3
+      }
+    },
+    /*#__PURE__*/
+    _react.default.createElement("div", {
+      className: "div-before",
+      style: {
+        background: color,
+        width: size * 0.4,
+        height: size * 0.4,
+        left: -size * 0.3
+      }
+    }),
+    /*#__PURE__*/
+    _react.default.createElement("div", {
+      className: "div-after",
+      style: {
+        background: color,
+        width: size * 0.4,
+        height: size * 0.4,
+        top: -size * 0.3
+      }
+    })))
+  );
 }
+
+Heart.propTypes = {
+  /** hex color */
+  color: _propTypes.default.string,
+
+  /** class name  */
+  className: _propTypes.default.string,
+
+  /** style object */
+  style: _propTypes.default.object,
+
+  /** size in pixel */
+  size: _propTypes.default.number
+};
 Heart.defaultProps = {
@@ -48,0 +85,0 @@ color: '#7f58af',

dist/Hourglass/index.js

@@ -1,3 +0,16 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Hourglass;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+require("./style.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -7,21 +20,41 @@
 
-import React from 'react';
-import './style.css';
-export default function Hourglass(_ref) {
-  var color = _ref.color,
-      size = _ref.size,
-      className = _ref.className,
-      style = _ref.style;
-  return React.createElement("div", {
-    className: "lds-hourglass ".concat(className),
-    style: _objectSpread({}, style)
-  }, React.createElement("div", {
-    className: "lds-hourglass-after",
-    style: {
-      background: color,
-      borderWidth: size,
-      borderHeight: size
-    }
-  }));
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function Hourglass({
+  color,
+  size,
+  className,
+  style
+}) {
+  return (
+    /*#__PURE__*/
+    _react.default.createElement("div", {
+      className: "lds-hourglass ".concat(className),
+      style: _objectSpread({}, style)
+    },
+    /*#__PURE__*/
+    _react.default.createElement("div", {
+      className: "lds-hourglass-after",
+      style: {
+        background: color,
+        borderWidth: size,
+        borderHeight: size
+      }
+    }))
+  );
 }
+
+Hourglass.propTypes = {
+  /** hex color */
+  color: _propTypes.default.string,
+
+  /** size in pixel */
+  size: _propTypes.default.number,
+
+  /** class name  */
+  className: _propTypes.default.string,
+
+  /** style object */
+  style: _propTypes.default.object
+};
 Hourglass.defaultProps = {
@@ -28,0 +61,0 @@ color: '#7f58af',

dist/index.js

@@ -1,15 +0,119 @@
-import Circle from './Circle';
-import Default from './Default';
-import DualRing from './DualRing';
-import Ellipsis from './Ellipsis';
-import Facebook from './Facebook';
-import Grid from './Grid';
-import Heart from './Heart';
-import Hourglass from './Hourglass';
-import Orbitals from './Orbitals';
-import Ring from './Ring';
-import Ripple from './Ripple';
-import Roller from './Roller';
-import Spinner from './Spinner';
-import Ouroboro from './Ouroboro';
-export { Circle, Default, DualRing, Ellipsis, Facebook, Grid, Heart, Hourglass, Orbitals, Ring, Ripple, Roller, Spinner, Ouroboro };
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Circle", {
+  enumerable: true,
+  get: function get() {
+    return _Circle.default;
+  }
+});
+Object.defineProperty(exports, "Default", {
+  enumerable: true,
+  get: function get() {
+    return _Default.default;
+  }
+});
+Object.defineProperty(exports, "DualRing", {
+  enumerable: true,
+  get: function get() {
+    return _DualRing.default;
+  }
+});
+Object.defineProperty(exports, "Ellipsis", {
+  enumerable: true,
+  get: function get() {
+    return _Ellipsis.default;
+  }
+});
+Object.defineProperty(exports, "Facebook", {
+  enumerable: true,
+  get: function get() {
+    return _Facebook.default;
+  }
+});
+Object.defineProperty(exports, "Grid", {
+  enumerable: true,
+  get: function get() {
+    return _Grid.default;
+  }
+});
+Object.defineProperty(exports, "Heart", {
+  enumerable: true,
+  get: function get() {
+    return _Heart.default;
+  }
+});
+Object.defineProperty(exports, "Hourglass", {
+  enumerable: true,
+  get: function get() {
+    return _Hourglass.default;
+  }
+});
+Object.defineProperty(exports, "Orbitals", {
+  enumerable: true,
+  get: function get() {
+    return _Orbitals.default;
+  }
+});
+Object.defineProperty(exports, "Ring", {
+  enumerable: true,
+  get: function get() {
+    return _Ring.default;
+  }
+});
+Object.defineProperty(exports, "Ripple", {
+  enumerable: true,
+  get: function get() {
+    return _Ripple.default;
+  }
+});
+Object.defineProperty(exports, "Roller", {
+  enumerable: true,
+  get: function get() {
+    return _Roller.default;
+  }
+});
+Object.defineProperty(exports, "Spinner", {
+  enumerable: true,
+  get: function get() {
+    return _Spinner.default;
+  }
+});
+Object.defineProperty(exports, "Ouroboro", {
+  enumerable: true,
+  get: function get() {
+    return _Ouroboro.default;
+  }
+});
+
+var _Circle = _interopRequireDefault(require("./Circle"));
+
+var _Default = _interopRequireDefault(require("./Default"));
+
+var _DualRing = _interopRequireDefault(require("./DualRing"));
+
+var _Ellipsis = _interopRequireDefault(require("./Ellipsis"));
+
+var _Facebook = _interopRequireDefault(require("./Facebook"));
+
+var _Grid = _interopRequireDefault(require("./Grid"));
+
+var _Heart = _interopRequireDefault(require("./Heart"));
+
+var _Hourglass = _interopRequireDefault(require("./Hourglass"));
+
+var _Orbitals = _interopRequireDefault(require("./Orbitals"));
+
+var _Ring = _interopRequireDefault(require("./Ring"));
+
+var _Ripple = _interopRequireDefault(require("./Ripple"));
+
+var _Roller = _interopRequireDefault(require("./Roller"));
+
+var _Spinner = _interopRequireDefault(require("./Spinner"));
+
+var _Ouroboro = _interopRequireDefault(require("./Ouroboro"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

dist/Orbitals/index.js

@@ -1,3 +0,16 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Orbitals;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+require("./style.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -7,82 +20,127 @@
 
-import React from 'react';
-import './style.css';
-export default function Orbitals(_ref) {
-  var color = _ref.color,
-      className = _ref.className,
-      style = _ref.style;
-  return React.createElement("div", {
-    className: "lds-orbitals ".concat(className),
-    style: _objectSpread({}, style)
-  }, React.createElement("div", {
-    className: "center",
-    style: {
-      background: color
-    }
-  }), React.createElement("div", {
-    className: "inner-spin"
-  }, React.createElement("div", {
-    className: "inner-arc inner-arc_start-a",
-    style: {
-      borderColor: color
-    }
-  }), React.createElement("div", {
-    className: "inner-arc inner-arc_end-a",
-    style: {
-      borderColor: color
-    }
-  }), React.createElement("div", {
-    className: "inner-arc inner-arc_start-b",
-    style: {
-      borderColor: color
-    }
-  }), React.createElement("div", {
-    className: "inner-arc inner-arc_end-b",
-    style: {
-      borderColor: color
-    }
-  }), React.createElement("div", {
-    className: "inner-moon-a",
-    style: {
-      background: color
-    }
-  }), React.createElement("div", {
-    className: "inner-moon-b",
-    style: {
-      background: color
-    }
-  })), React.createElement("div", {
-    className: "outer-spin"
-  }, React.createElement("div", {
-    className: "outer-arc outer-arc_start-a",
-    style: {
-      borderColor: color
-    }
-  }), React.createElement("div", {
-    className: "outer-arc outer-arc_end-a",
-    style: {
-      borderColor: color
-    }
-  }), React.createElement("div", {
-    className: "outer-arc outer-arc_start-b",
-    style: {
-      borderColor: color
-    }
-  }), React.createElement("div", {
-    className: "outer-arc outer-arc_end-b",
-    style: {
-      borderColor: color
-    }
-  }), React.createElement("div", {
-    className: "outer-moon-a",
-    style: {
-      background: color
-    }
-  }), React.createElement("div", {
-    className: "outer-moon-b",
-    style: {
-      background: color
-    }
-  })));
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function Orbitals({
+  color,
+  className,
+  style
+}) {
+  return (
+    /*#__PURE__*/
+    _react.default.createElement("div", {
+      className: "lds-orbitals ".concat(className),
+      style: _objectSpread({}, style)
+    },
+    /*#__PURE__*/
+    _react.default.createElement("div", {
+      className: "center",
+      style: {
+        background: color
+      }
+    }),
+    /*#__PURE__*/
+    _react.default.createElement("div", {
+      className: "inner-spin"
+    },
+    /*#__PURE__*/
+    _react.default.createElement("div", {
+      className: "inner-arc inner-arc_start-a",
+      style: {
+        borderColor: color
+      }
+    }),
+    /*#__PURE__*/
+    _react.default.createElement("div", {
+      className: "inner-arc inner-arc_end-a",
+      style: {
+        borderColor: color
+      }
+    }),
+    /*#__PURE__*/
+    _react.default.createElement("div", {
+      className: "inner-arc inner-arc_start-b",
+      style: {
+        borderColor: color
+      }
+    }),
+    /*#__PURE__*/
+    _react.default.createElement("div", {
+      className: "inner-arc inner-arc_end-b",
+      style: {
+        borderColor: color
+      }
+    }),
+    /*#__PURE__*/
+    _react.default.createElement("div", {
+      className: "inner-moon-a",
+      style: {
+        background: color
+      }
+    }),
+    /*#__PURE__*/
+    _react.default.createElement("div", {
+      className: "inner-moon-b",
+      style: {
+        background: color
+      }
+    })),
+    /*#__PURE__*/
+    _react.default.createElement("div", {
+      className: "outer-spin"
+    },
+    /*#__PURE__*/
+    _react.default.createElement("div", {
+      className: "outer-arc outer-arc_start-a",
+      style: {
+        borderColor: color
+      }
+    }),
+    /*#__PURE__*/
+    _react.default.createElement("div", {
+      className: "outer-arc outer-arc_end-a",
+      style: {
+        borderColor: color
+      }
+    }),
+    /*#__PURE__*/
+    _react.default.createElement("div", {
+      className: "outer-arc outer-arc_start-b",
+      style: {
+        borderColor: color
+      }
+    }),
+    /*#__PURE__*/
+    _react.default.createElement("div", {
+      className: "outer-arc outer-arc_end-b",
+      style: {
+        borderColor: color
+      }
+    }),
+    /*#__PURE__*/
+    _react.default.createElement("div", {
+      className: "outer-moon-a",
+      style: {
+        background: color
+      }
+    }),
+    /*#__PURE__*/
+    _react.default.createElement("div", {
+      className: "outer-moon-b",
+      style: {
+        background: color
+      }
+    })))
+  );
 }
+
+Orbitals.propTypes = {
+  /** hex color */
+  color: _propTypes.default.string,
+
+  /** class name  */
+  className: _propTypes.default.string,
+
+  /** style object */
+  style: _propTypes.default.object
+};
 Orbitals.defaultProps = {
@@ -89,0 +147,0 @@ color: '#7f58af',

dist/Ouroboro/index.js

@@ -1,3 +0,16 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Ouroboro;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+require("./style.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -7,27 +20,50 @@
 
-import React from 'react';
-import './style.css';
-export default function Ouroboro(_ref) {
-  var color = _ref.color,
-      className = _ref.className,
-      style = _ref.style;
-  return React.createElement("div", {
-    className: "lds-ouroboro ".concat(className),
-    style: _objectSpread({}, style)
-  }, React.createElement("span", {
-    className: "left"
-  }, React.createElement("span", {
-    className: "anim",
-    style: {
-      background: color
-    }
-  })), React.createElement("span", {
-    className: "right"
-  }, React.createElement("span", {
-    className: "anim",
-    style: {
-      background: color
-    }
-  })));
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function Ouroboro({
+  color,
+  className,
+  style
+}) {
+  return (
+    /*#__PURE__*/
+    _react.default.createElement("div", {
+      className: "lds-ouroboro ".concat(className),
+      style: _objectSpread({}, style)
+    },
+    /*#__PURE__*/
+    _react.default.createElement("span", {
+      className: "left"
+    },
+    /*#__PURE__*/
+    _react.default.createElement("span", {
+      className: "anim",
+      style: {
+        background: color
+      }
+    })),
+    /*#__PURE__*/
+    _react.default.createElement("span", {
+      className: "right"
+    },
+    /*#__PURE__*/
+    _react.default.createElement("span", {
+      className: "anim",
+      style: {
+        background: color
+      }
+    })))
+  );
 }
+
+Ouroboro.propTypes = {
+  /** hex color */
+  color: _propTypes.default.string,
+
+  /** class name  */
+  className: _propTypes.default.string,
+
+  /** style object */
+  style: _propTypes.default.object
+};
 Ouroboro.defaultProps = {
@@ -34,0 +70,0 @@ color: '#7f58af',

dist/Ring/index.js

@@ -1,4 +0,16 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Ring;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+require("./style.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -8,31 +20,50 @@
 
-import React from 'react';
-import './style.css';
-export default function Ring(_ref) {
-  var color = _ref.color,
-      size = _ref.size,
-      className = _ref.className,
-      style = _ref.style;
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-  var circles = _toConsumableArray(Array(4)).map(function (_, index) {
-    return React.createElement("div", {
-      key: index,
-      style: {
-        borderColor: "".concat(color, " transparent transparent transparent"),
-        width: size * 0.8,
-        height: size * 0.8,
-        margin: size * 0.1,
-        borderWidth: size * 0.1
-      }
-    });
+function Ring({
+  color,
+  size,
+  className,
+  style
+}) {
+  const circles = [...Array(4)].map((_, index) => {
+    return (
+      /*#__PURE__*/
+      _react.default.createElement("div", {
+        key: index,
+        style: {
+          borderColor: "".concat(color, " transparent transparent transparent"),
+          width: size * 0.8,
+          height: size * 0.8,
+          margin: size * 0.1,
+          borderWidth: size * 0.1
+        }
+      })
+    );
   });
+  return (
+    /*#__PURE__*/
+    _react.default.createElement("div", {
+      className: "lds-ring ".concat(className),
+      style: _objectSpread({
+        width: size,
+        height: size
+      }, style)
+    }, circles)
+  );
+}
 
-  return React.createElement("div", {
-    className: "lds-ring ".concat(className),
-    style: _objectSpread({
-      width: size,
-      height: size
-    }, style)
-  }, circles);
-}
+Ring.propTypes = {
+  /** hex color */
+  color: _propTypes.default.string,
+
+  /** size in pixel */
+  size: _propTypes.default.number,
+
+  /** class name  */
+  className: _propTypes.default.string,
+
+  /** style object */
+  style: _propTypes.default.object
+};
 Ring.defaultProps = {
@@ -39,0 +70,0 @@ color: '#7f58af',

dist/Ripple/index.js

@@ -1,4 +0,16 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Ripple;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+require("./style.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -8,28 +20,44 @@
 
-import React from 'react';
-import './style.css';
-export default function Ripple(_ref) {
-  var color = _ref.color,
-      className = _ref.className,
-      style = _ref.style,
-      size = _ref.size;
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-  var circles = _toConsumableArray(Array(2)).map(function (_, index) {
-    return React.createElement("div", {
-      key: index,
-      style: {
-        borderColor: "".concat(color),
-        borderWidth: size * 0.05
-      }
-    });
-  });
+function Ripple({
+  color,
+  className,
+  style,
+  size
+}) {
+  const circles = [...Array(2)].map((_, index) =>
+  /*#__PURE__*/
+  _react.default.createElement("div", {
+    key: index,
+    style: {
+      borderColor: "".concat(color),
+      borderWidth: size * 0.05
+    }
+  }));
+  return (
+    /*#__PURE__*/
+    _react.default.createElement("div", {
+      className: "lds-ripple ".concat(className),
+      style: _objectSpread({
+        width: size,
+        height: size
+      }, style)
+    }, circles)
+  );
+}
 
-  return React.createElement("div", {
-    className: "lds-ripple ".concat(className),
-    style: _objectSpread({
-      width: size,
-      height: size
-    }, style)
-  }, circles);
-}
+Ripple.propTypes = {
+  /** hex color */
+  color: _propTypes.default.string,
+
+  /** class name  */
+  className: _propTypes.default.string,
+
+  /** style object */
+  style: _propTypes.default.object,
+
+  /** size in pixel */
+  size: _propTypes.default.number
+};
 Ripple.defaultProps = {
@@ -36,0 +64,0 @@ color: '#7f58af',

dist/Roller/index.js

@@ -1,4 +0,16 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Roller;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+require("./style.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -8,25 +20,43 @@
 
-import React from 'react';
-import './style.css';
-export default function Roller(_ref) {
-  var color = _ref.color,
-      className = _ref.className,
-      style = _ref.style;
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-  var circles = _toConsumableArray(Array(8)).map(function (_, index) {
-    return React.createElement("div", {
-      key: index
-    }, React.createElement("div", {
-      className: "div-after",
-      style: {
-        background: color
-      }
-    }));
+function Roller({
+  color,
+  className,
+  style
+}) {
+  const circles = [...Array(8)].map((_, index) => {
+    return (
+      /*#__PURE__*/
+      _react.default.createElement("div", {
+        key: index
+      },
+      /*#__PURE__*/
+      _react.default.createElement("div", {
+        className: "div-after",
+        style: {
+          background: color
+        }
+      }))
+    );
   });
+  return (
+    /*#__PURE__*/
+    _react.default.createElement("div", {
+      className: "lds-roller ".concat(className),
+      style: _objectSpread({}, style)
+    }, circles)
+  );
+}
 
-  return React.createElement("div", {
-    className: "lds-roller ".concat(className),
-    style: _objectSpread({}, style)
-  }, circles);
-}
+Roller.propTypes = {
+  /** hex color */
+  color: _propTypes.default.string,
+
+  /** class name  */
+  className: _propTypes.default.string,
+
+  /** style object */
+  style: _propTypes.default.object
+};
 Roller.defaultProps = {
@@ -33,0 +63,0 @@ color: '#7f58af',

dist/Spinner/index.js

@@ -1,4 +0,16 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Spinner;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+require("./style.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -8,25 +20,43 @@
 
-import React from 'react';
-import './style.css';
-export default function Spinner(_ref) {
-  var color = _ref.color,
-      className = _ref.className,
-      style = _ref.style;
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-  var circles = _toConsumableArray(Array(12)).map(function (_, index) {
-    return React.createElement("div", {
-      key: index
-    }, React.createElement("div", {
-      className: "div-after",
-      style: {
-        background: color
-      }
-    }));
+function Spinner({
+  color,
+  className,
+  style
+}) {
+  const circles = [...Array(12)].map((_, index) => {
+    return (
+      /*#__PURE__*/
+      _react.default.createElement("div", {
+        key: index
+      },
+      /*#__PURE__*/
+      _react.default.createElement("div", {
+        className: "div-after",
+        style: {
+          background: color
+        }
+      }))
+    );
   });
+  return (
+    /*#__PURE__*/
+    _react.default.createElement("div", {
+      className: "lds-spinner ".concat(className),
+      style: _objectSpread({}, style)
+    }, circles)
+  );
+}
 
-  return React.createElement("div", {
-    className: "lds-spinner ".concat(className),
-    style: _objectSpread({}, style)
-  }, circles);
-}
+Spinner.propTypes = {
+  /** hex color */
+  color: _propTypes.default.string,
+
+  /** class name  */
+  className: _propTypes.default.string,
+
+  /** style object */
+  style: _propTypes.default.object
+};
 Spinner.defaultProps = {
@@ -33,0 +63,0 @@ color: '#7f58af',

package.json

 {
   "name": "react-spinners-css",
-  "version": "1.1.9",
+  "version": "1.2.0",
   "private": false,
@@ -60,2 +60,4 @@ "main": "dist/index.js",
     "@babel/cli": "^7.2.3",
+    "@babel/preset-env": "^7.10.3",
+    "@babel/preset-react": "^7.10.1",
     "@bit/joshk.jotils.get-random-color": "^2.0.8",
@@ -62,0 +64,0 @@ "prettier": "^1.18.2",

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

62104

increased by23.31%

Lines of code

1728

increased by32.82%

Worsened metrics

Dev dependency count

8

increased by33.33%

No dependency changes