@fenderdigital/react-circle - npm Package Compare versions

Comparing version 1.0.2 to 2.0.0

lib/Circle.js

@@ -1,54 +0,15 @@
-'use strict';
-
-exports.__esModule = true;
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var circleClasses = 'br-100 overflow-hidden flex items-center justify-center w-100 h-100';
-
-var Circle = function Circle(_ref) {
-  var color = _ref.color,
-      children = _ref.children,
-      dimensions = _ref.dimensions,
-      opacity = _ref.opacity;
-  return _react2.default.createElement(
-    'div',
-    {
-      className: 'circle bg-' + color + ' o-' + opacity + ' ' + circleClasses,
-      'data-id': 'circle',
-      style: dimensions
-    },
-    children
-  );
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-
-Circle.propTypes = process.env.NODE_ENV !== "production" ? {
-  color: _propTypes2.default.string,
-  children: _propTypes2.default.node,
-  dimensions: _propTypes2.default.shape({
-    width: _propTypes2.default.string,
-    height: _propTypes2.default.string
-  }),
-  opacity: _propTypes2.default.number
-} : {};
-
-Circle.defaultProps = {
-  color: 'light-gray',
-  children: null,
-  dimensions: {
-    width: '1rem',
-    height: '1rem'
-  },
-  opacity: 100
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var Circle = function (_a) {
+    var id = _a.id, _b = _a.color, color = _b === void 0 ? 'light-gray' : _b, children = _a.children, _c = _a.dimensions, dimensions = _c === void 0 ? {
+        width: '1rem',
+        height: '1rem',
+    } : _c, _d = _a.opacity, opacity = _d === void 0 ? 100 : _d;
+    return (react_1.default.createElement("div", { id: id, className: "circle bg-" + color + " o-" + opacity + " br-100 overflow-hidden flex items-center justify-center w-100 h-100", style: dimensions }, children));
 };
-
 exports.default = Circle;
-module.exports = exports['default'];
+//# sourceMappingURL=Circle.js.map

package.json

@@ -18,5 +18,6 @@ {
   "scripts": {
-    "prepare": "nwb clean --config ../../nwb.config.js && nwb build-react-component --config ../../nwb.config.js"
+    "prepare": "rm -rf ./lib && tsc"
   },
-  "version": "1.0.2"
+  "version": "2.0.0",
+  "gitHead": "7e84336060a9f2921558ee8a9be1fdb8bfec5c2d"
 }

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

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

Improved metrics

Total package byte prevSize

63367

increased by467.55%

Number of package files

10

increased by42.86%

Number of low supply chain risk alerts

1

decreased by-66.67%

Worsened metrics

Lines of code

83

decreased by-37.59%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes