@eaze/spinner - npm Package Compare versions

Comparing version 4.0.0 to 4.0.1

dist/index.js

@@ -33,13 +33,23 @@ "use strict";
   target: "emwiii20"
-})("height:100%;width:100%;animation:", fullSpin, " 750ms linear infinite;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9pbmRleC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjNEIiLCJmaWxlIjoiLi4vc3JjL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9jb3JlJ1xuaW1wb3J0IHsgbnVtYmVyIH0gZnJvbSAncHJvcC10eXBlcydcblxuY29uc3QgZnVsbFNwaW4gPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuICB9XG5gXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIGFuaW1hdGlvbjogJHtmdWxsU3Bpbn0gNzUwbXMgbGluZWFyIGluZmluaXRlO1xuYFxuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBTcGlubmVyICh7IHNpemUgPSAyIH0pIHtcbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyXG4gICAgICBzdHlsZT17e1xuICAgICAgICBoZWlnaHQ6IGAke3NpemV9cmVtYCxcbiAgICAgICAgd2lkdGg6IGAke3NpemV9cmVtYCxcbiAgICAgICAgbWFyZ2luOiAnMCBhdXRvJ1xuICAgICAgfX1cbiAgICA+XG4gICAgICA8c3ZnIHZpZXdCb3g9JzAgMCA2NCA2NCcgc3R5bGU9e3sgc3Ryb2tlOiAnY3VycmVudENvbG9yJyB9fT5cbiAgICAgICAgPGc+XG4gICAgICAgICAgPGRlZnM+XG4gICAgICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9J2NpcTl1dW1ybjAwMDFqZGVqM3U2dXJvZnUnIGdyYWRpZW50VW5pdHM9J3VzZXJTcGFjZU9uVXNlJyB4MT0nNTUnIHkxPSc0NicgeDI9JzInIHkyPSc0Nic+XG4gICAgICAgICAgICAgIDxzdG9wXG4gICAgICAgICAgICAgICAgb2Zmc2V0PScwLjEnXG4gICAgICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgICAgIHN0b3BDb2xvcjogJ2N1cnJlbnRDb2xvcicsXG4gICAgICAgICAgICAgICAgICBzdG9wT3BhY2l0eTogMFxuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIC8+XG5cbiAgICAgICAgICAgICAgPHN0b3BcbiAgICAgICAgICAgICAgICBvZmZzZXQ9JzAuMSdcbiAgICAgICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICAgICAgc3RvcENvbG9yOiAnY3VycmVudENvbG9yJ1xuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L2xpbmVhckdyYWRpZW50PlxuICAgICAgICAgIDwvZGVmcz5cbiAgICAgICAgICA8ZyBzdHJva2VXaWR0aD0nOCcgc3Ryb2tlTGluZWNhcD0ncm91bmQnIGZpbGw9J25vbmUnIHRyYW5zZm9ybT0ncm90YXRlKDI0NS42MzcgMzIgMzIpJz5cbiAgICAgICAgICAgIDxwYXRoIHN0cm9rZT0ndXJsKCNjaXE5dXVtcm4wMDAxamRlajN1NnVyb2Z1KScgZD0nTTQsMzIgYzAsMTUsMTIsMjgsMjgsMjhjOCwwLDE2LTQsMjEtOScgLz5cbiAgICAgICAgICAgIDxwYXRoIGQ9J002MCwzMiBDNjAsMTYsNDcuNDY0LDQsMzIsNFM0LDE2LDQsMzInIC8+XG4gICAgICAgICAgPC9nPlxuICAgICAgICA8L2c+XG4gICAgICA8L3N2Zz5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKVxufVxuXG5TcGlubmVyLnByb3BUeXBlcyA9IHtcbiAgc2l6ZTogbnVtYmVyXG59XG4iXX0= */"));
+})("height:", function (_ref) {
+  var size = _ref.size;
+  return size ? "".concat(size, "rem") : "100%";
+}, ";width:", function (_ref2) {
+  var size = _ref2.size;
+  return size ? "".concat(size, "rem") : "100%";
+}, ";animation:", fullSpin, " 750ms linear infinite;margin:0 auto;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9pbmRleC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjNEIiLCJmaWxlIjoiLi4vc3JjL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9jb3JlJ1xuaW1wb3J0IHsgbnVtYmVyIH0gZnJvbSAncHJvcC10eXBlcydcblxuY29uc3QgZnVsbFNwaW4gPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuICB9XG5gXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGhlaWdodDogJHsoeyBzaXplIH0pID0+IHNpemUgPyBgJHtzaXplfXJlbWAgOiBgMTAwJWB9O1xuICB3aWR0aDogJHsoeyBzaXplIH0pID0+IHNpemUgPyBgJHtzaXplfXJlbWAgOiBgMTAwJWB9O1xuICBhbmltYXRpb246ICR7ZnVsbFNwaW59IDc1MG1zIGxpbmVhciBpbmZpbml0ZTtcbiAgbWFyZ2luOiAwIGF1dG87XG5gXG5cbi8qKlxuICogQHJlbmRlciByZWFjdFxuICogQG5hbWUgU3Bpbm5lclxuICogQGRlc2NyaXB0aW9uIExvYWRpbmcgc3Bpbm5lciBTVkdcbiAqIEBleGFtcGxlXG4gKiA8U3Bpbm5lclxuICogICBzaXplPXsyfVxuICogLz5cbiAqL1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBTcGlubmVyICh7IHNpemUgfSkge1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgc2l6ZT17c2l6ZX0+XG4gICAgICA8c3ZnIHZpZXdCb3g9JzAgMCA2NCA2NCcgc3R5bGU9e3sgc3Ryb2tlOiAnY3VycmVudENvbG9yJyB9fT5cbiAgICAgICAgPGc+XG4gICAgICAgICAgPGRlZnM+XG4gICAgICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9J2NpcTl1dW1ybjAwMDFqZGVqM3U2dXJvZnUnIGdyYWRpZW50VW5pdHM9J3VzZXJTcGFjZU9uVXNlJyB4MT0nNTUnIHkxPSc0NicgeDI9JzInIHkyPSc0Nic+XG4gICAgICAgICAgICAgIDxzdG9wXG4gICAgICAgICAgICAgICAgb2Zmc2V0PScwLjEnXG4gICAgICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgICAgIHN0b3BDb2xvcjogJ2N1cnJlbnRDb2xvcicsXG4gICAgICAgICAgICAgICAgICBzdG9wT3BhY2l0eTogMFxuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIC8+XG5cbiAgICAgICAgICAgICAgPHN0b3BcbiAgICAgICAgICAgICAgICBvZmZzZXQ9JzAuMSdcbiAgICAgICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICAgICAgc3RvcENvbG9yOiAnY3VycmVudENvbG9yJ1xuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L2xpbmVhckdyYWRpZW50PlxuICAgICAgICAgIDwvZGVmcz5cbiAgICAgICAgICA8ZyBzdHJva2VXaWR0aD0nOCcgc3Ryb2tlTGluZWNhcD0ncm91bmQnIGZpbGw9J25vbmUnIHRyYW5zZm9ybT0ncm90YXRlKDI0NS42MzcgMzIgMzIpJz5cbiAgICAgICAgICAgIDxwYXRoIHN0cm9rZT0ndXJsKCNjaXE5dXVtcm4wMDAxamRlajN1NnVyb2Z1KScgZD0nTTQsMzIgYzAsMTUsMTIsMjgsMjgsMjhjOCwwLDE2LTQsMjEtOScgLz5cbiAgICAgICAgICAgIDxwYXRoIGQ9J002MCwzMiBDNjAsMTYsNDcuNDY0LDQsMzIsNFM0LDE2LDQsMzInIC8+XG4gICAgICAgICAgPC9nPlxuICAgICAgICA8L2c+XG4gICAgICA8L3N2Zz5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKVxufVxuXG5TcGlubmVyLmRlZmF1bHRQcm9wcyA9IHtcbiAgc2l6ZTogMlxufVxuXG5TcGlubmVyLnByb3BUeXBlcyA9IHtcbiAgLyoqIFNldHMgdGhlIHdpZHRoIGFuZCBoZWlnaHQgaW4gcmVtcyAqKi9cbiAgc2l6ZTogbnVtYmVyXG59XG4iXX0= */"));
+/**
+ * @render react
+ * @name Spinner
+ * @description Loading spinner SVG
+ * @example
+ * <Spinner
+ *   size={2}
+ * />
+ */
 
-function Spinner(_ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 2 : _ref$size;
+function Spinner(_ref3) {
+  var size = _ref3.size;
   return _react["default"].createElement(Container, {
-    style: {
-      height: "".concat(size, "rem"),
-      width: "".concat(size, "rem"),
-      margin: '0 auto'
-    }
+    size: size
   }, _react["default"].createElement("svg", {
@@ -81,4 +91,8 @@ viewBox: "0 0 64 64",
 
+Spinner.defaultProps = {
+  size: 2
+};
 Spinner.propTypes = {
+  /** Sets the width and height in rems **/
   size: _propTypes.number
 };

package.json

@@ -10,3 +10,3 @@ {
   },
-  "version": "4.0.0",
+  "version": "4.0.1",
   "main": "dist/index.js",
@@ -22,4 +22,3 @@ "directories": {
   "dependencies": {
-    "@eaze/color": "^2.0.0",
-    "@emotion/core": "~10.0.10",
+    "@emotion/core": "~10.0.14",
     "@emotion/styled": "~10.0.14",
@@ -33,8 +32,8 @@ "prop-types": "~15.7.2"
   "devDependencies": {
-    "@babel/cli": "~7.4.4",
-    "@babel/core": "~7.4.5",
-    "@babel/plugin-proposal-class-properties": "~7.4.4",
-    "@babel/preset-env": "~7.4.5",
+    "@babel/cli": "~7.5.0",
+    "@babel/core": "~7.5.4",
+    "@babel/plugin-proposal-class-properties": "~7.5.0",
+    "@babel/preset-env": "~7.5.4",
     "@babel/preset-react": "~7.0.0",
-    "babel-plugin-emotion": "~10.0.9"
+    "babel-plugin-emotion": "~10.0.14"
   },
@@ -44,4 +43,3 @@ "keywords": [],
     "access": "public"
-  },
-  "gitHead": "766291e754226cfb10093f5aa6681b0e438734c9"
+  }
 }

src/index.js

@@ -16,16 +16,21 @@ import React from 'react'
 const Container = styled.div`
-  height: 100%;
-  width: 100%;
+  height: ${({ size }) => size ? `${size}rem` : `100%`};
+  width: ${({ size }) => size ? `${size}rem` : `100%`};
   animation: ${fullSpin} 750ms linear infinite;
+  margin: 0 auto;
 `
 
-export default function Spinner ({ size = 2 }) {
+/**
+ * @render react
+ * @name Spinner
+ * @description Loading spinner SVG
+ * @example
+ * <Spinner
+ *   size={2}
+ * />
+ */
+
+export default function Spinner ({ size }) {
   return (
-    <Container
-      style={{
-        height: `${size}rem`,
-        width: `${size}rem`,
-        margin: '0 auto'
-      }}
-    >
+    <Container size={size}>
       <svg viewBox='0 0 64 64' style={{ stroke: 'currentColor' }}>
@@ -61,4 +66,9 @@ <g>
 
+Spinner.defaultProps = {
+  size: 2
+}
+
 Spinner.propTypes = {
+  /** Sets the width and height in rems **/
   size: number
 }

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

8258

increased by8.5%

Dependency count

5

decreased by-16.67%

Lines of code

163

increased by16.43%

Number of low supply chain risk alerts

2

decreased by-33.33%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• - Removed@eaze/color@^2.0.0

• - Removed@eaze/color@2.0.1(transitive)

• Updated@emotion/core@~10.0.14