@hig/progress-bar - npm Package Compare versions

Comparing version 2.1.0 to 2.2.0

build/index.es.js

@@ -1,18 +0,95 @@
-import { keyframes, cx, css } from 'emotion';
 import React from 'react';
 import PropTypes from 'prop-types';
+import { keyframes, cx, css } from 'emotion';
 import { ThemeContext } from '@hig/theme-context';
 import { createCustomClassNames } from '@hig/utils';
 
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
 
-var _templateObject = _taggedTemplateLiteral(["\n    from {\n      transform: translateX(-100%);\n    }\n    to {\n      transform: translateX(200px);\n    }\n  "], ["\n    from {\n      transform: translateX(-100%);\n    }\n    to {\n      transform: translateX(200px);\n    }\n  "]);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
 
-function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+  return keys;
+}
 
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+
+  return target;
+}
+
+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 _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+
+  var key, i;
+
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+
+  return target;
+}
+
 function getProgressBarIndeterminateRules() {
-  var indeterminateCycle = keyframes(_templateObject);
-
+  const indeterminateCycle = keyframes`
+    from {
+      transform: translateX(-100%);
+    }
+    to {
+      transform: translateX(200px);
+    }
+  `;
   return {
-    animation: "2s linear infinite " + indeterminateCycle
+    animation: `2s linear infinite ${indeterminateCycle}`
   };
@@ -24,13 +101,12 @@ }
     "&:before": {
-      content: "\"\"",
-      position: "absolute",
-      right: "2px",
-      width: "200px",
-      height: "4px",
-      backgroundImage: "linear-gradient(135deg, transparent, " + themeData["progress.bar.highlightColor"] + " 100%)",
-      backgroundSize: "200px 4px"
+      content: `""`,
+      position: `absolute`,
+      right: `2px`,
+      width: `200px`,
+      height: `4px`,
+      backgroundImage: `linear-gradient(135deg, transparent, ${themeData["progress.bar.highlightColor"]} 100%)`,
+      backgroundSize: `200px 4px`
     }
   };
 }
-
 /**
@@ -40,4 +116,7 @@ * @param {Number} percent, an integer or float
  */
-var renderedBarWidth = function renderedBarWidth(percent) {
-  var percentageWidth = parseInt(percent, 10);
+
+
+const renderedBarWidth = percent => {
+  const percentageWidth = parseInt(percent, 10);
+
   if (!percentageWidth) {
@@ -50,33 +129,33 @@ return null;
   }
+
   return percentageWidth;
 };
-
 function stylesheet(props, themeData) {
-  var percentComplete = props.percentComplete,
-      customStylesheet = props.stylesheet;
-
-  var isIndeterminate = percentComplete === null || percentComplete === undefined;
-
-  var styles = {
+  const {
+    percentComplete,
+    stylesheet: customStylesheet
+  } = props;
+  const isIndeterminate = percentComplete === null || percentComplete === undefined;
+  const styles = {
     wrapper: {
-      position: "relative",
+      position: `relative`,
       borderRadius: themeData["progress.bar.borderRadius"],
       backgroundColor: themeData["progress.bar.backgroundColor"],
-      overflow: "hidden",
-      width: "100%",
+      overflow: `hidden`,
+      width: `100%`,
       height: themeData["progress.bar.minHeight"]
     },
-    progressBar: _extends({
-      position: "absolute",
+    progressBar: _objectSpread2({
+      position: `absolute`,
       top: 0,
       bottom: 0,
-      left: "-3px",
-      display: "flex",
-      alignItems: "stretch",
-      transition: "width 0.3s ease-in-out",
-      width: isIndeterminate ? "100%" : renderedBarWidth(props.percentComplete) + "%"
-    }, isIndeterminate ? getProgressBarIndeterminateRules(themeData) : {}),
-    progressBarFill: _extends({
-      backgroundColor: isIndeterminate ? "transparent" : themeData["progress.bar.highlightColor"],
-      flex: "1 1 0"
+      left: `-3px`,
+      display: `flex`,
+      alignItems: `stretch`,
+      transition: `width 0.3s ease-in-out`,
+      width: isIndeterminate ? `100%` : `${renderedBarWidth(props.percentComplete)}%`
+    }, isIndeterminate ? getProgressBarIndeterminateRules() : {}),
+    progressBarFill: _objectSpread2({
+      backgroundColor: isIndeterminate ? `transparent` : themeData["progress.bar.highlightColor"],
+      flex: `1 1 0`
     }, isIndeterminate ? getProgressBarFillIndeterminateRules(themeData) : {}),
@@ -87,67 +166,54 @@ polygon: {
   };
-
   return customStylesheet ? customStylesheet(styles, props, themeData) : styles;
 }
 
-function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
+const _excluded = ["percentComplete", "stylesheet"];
 
-var ProgressBar = function ProgressBar(props) {
-  var percentComplete = props.percentComplete,
-      customStylesheet = props.stylesheet,
-      otherProps = _objectWithoutProperties(props, ["percentComplete", "stylesheet"]);
+const ProgressBar = props => {
+  const {
+    percentComplete,
+    stylesheet: customStylesheet
+  } = props,
+        otherProps = _objectWithoutProperties(props, _excluded);
 
-  var className = otherProps.className;
-
-  var innerWrapperClassNames = createCustomClassNames(className, "progress-bar");
-  var fillClassNames = createCustomClassNames(className, "fill");
-  var polygonClassNames = createCustomClassNames(className, "polygon");
-
-  return React.createElement(
-    ThemeContext.Consumer,
-    null,
-    function (_ref) {
-      var resolvedRoles = _ref.resolvedRoles;
-
-      var styles = stylesheet({ percentComplete: percentComplete, stylesheet: customStylesheet }, resolvedRoles);
-      return React.createElement(
-        "div",
-        {
-          className: cx(css(styles.wrapper), className),
-          role: "progressbar",
-          "aria-valuemin": "0",
-          "aria-valuemax": "100",
-          "aria-valuenow": percentComplete
-        },
-        React.createElement(
-          "div",
-          {
-            className: cx(css(styles.progressBar), innerWrapperClassNames)
-          },
-          React.createElement("div", {
-            className: cx(css(styles.progressBarFill), fillClassNames)
-          }),
-          React.createElement(
-            "svg",
-            {
-              width: "3px",
-              height: "4px",
-              viewBox: "0 0 3 4",
-              version: "1.1",
-              xmlns: "http://www.w3.org/2000/svg",
-              xmlnsXlink: "http://www.w3.org/1999/xlink"
-            },
-            React.createElement("polygon", {
-              className: cx(css(styles.polygon), polygonClassNames),
-              id: "end-right",
-              points: "0 0 2.68 0 1 4 0 4"
-            })
-          )
-        )
-      );
-    }
-  );
+  const {
+    className
+  } = otherProps;
+  const innerWrapperClassNames = createCustomClassNames(className, "progress-bar");
+  const fillClassNames = createCustomClassNames(className, "fill");
+  const polygonClassNames = createCustomClassNames(className, "polygon");
+  return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, _ref => {
+    let {
+      resolvedRoles
+    } = _ref;
+    const styles = stylesheet({
+      percentComplete,
+      stylesheet: customStylesheet
+    }, resolvedRoles);
+    return /*#__PURE__*/React.createElement("div", {
+      className: cx(css(styles.wrapper), className),
+      role: "progressbar",
+      "aria-valuemin": "0",
+      "aria-valuemax": "100",
+      "aria-valuenow": percentComplete
+    }, /*#__PURE__*/React.createElement("div", {
+      className: cx(css(styles.progressBar), innerWrapperClassNames)
+    }, /*#__PURE__*/React.createElement("div", {
+      className: cx(css(styles.progressBarFill), fillClassNames)
+    }), /*#__PURE__*/React.createElement("svg", {
+      width: "3px",
+      height: "4px",
+      viewBox: "0 0 3 4",
+      version: "1.1",
+      xmlns: "http://www.w3.org/2000/svg",
+      xmlnsXlink: "http://www.w3.org/1999/xlink"
+    }, /*#__PURE__*/React.createElement("polygon", {
+      className: cx(css(styles.polygon), polygonClassNames),
+      id: "end-right",
+      points: "0 0 2.68 0 1 4 0 4"
+    }))));
+  });
 };
 
 ProgressBar.displayName = "ProgressBar";
-
 ProgressBar.propTypes = {
@@ -158,2 +224,3 @@ /**
   percentComplete: PropTypes.number,
+
   /**
@@ -185,2 +252,2 @@ * Adds custom/overriding styles
 
-export default ProgressBar;
+export { ProgressBar as default };

build/index.js

@@ -5,21 +5,101 @@ 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
+var React = require('react');
+var PropTypes = require('prop-types');
 var emotion = require('emotion');
-var React = _interopDefault(require('react'));
-var PropTypes = _interopDefault(require('prop-types'));
 var themeContext = require('@hig/theme-context');
 var utils = require('@hig/utils');
 
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _templateObject = _taggedTemplateLiteral(["\n    from {\n      transform: translateX(-100%);\n    }\n    to {\n      transform: translateX(200px);\n    }\n  "], ["\n    from {\n      transform: translateX(-100%);\n    }\n    to {\n      transform: translateX(200px);\n    }\n  "]);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
-function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
 
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+
+  return keys;
+}
+
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+
+  return target;
+}
+
+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 _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+
+  var key, i;
+
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+
+  return target;
+}
+
 function getProgressBarIndeterminateRules() {
-  var indeterminateCycle = emotion.keyframes(_templateObject);
-
+  const indeterminateCycle = emotion.keyframes`
+    from {
+      transform: translateX(-100%);
+    }
+    to {
+      transform: translateX(200px);
+    }
+  `;
   return {
-    animation: "2s linear infinite " + indeterminateCycle
+    animation: `2s linear infinite ${indeterminateCycle}`
   };
@@ -31,13 +111,12 @@ }
     "&:before": {
-      content: "\"\"",
-      position: "absolute",
-      right: "2px",
-      width: "200px",
-      height: "4px",
-      backgroundImage: "linear-gradient(135deg, transparent, " + themeData["progress.bar.highlightColor"] + " 100%)",
-      backgroundSize: "200px 4px"
+      content: `""`,
+      position: `absolute`,
+      right: `2px`,
+      width: `200px`,
+      height: `4px`,
+      backgroundImage: `linear-gradient(135deg, transparent, ${themeData["progress.bar.highlightColor"]} 100%)`,
+      backgroundSize: `200px 4px`
     }
   };
 }
-
 /**
@@ -47,4 +126,7 @@ * @param {Number} percent, an integer or float
  */
-var renderedBarWidth = function renderedBarWidth(percent) {
-  var percentageWidth = parseInt(percent, 10);
+
+
+const renderedBarWidth = percent => {
+  const percentageWidth = parseInt(percent, 10);
+
   if (!percentageWidth) {
@@ -57,33 +139,33 @@ return null;
   }
+
   return percentageWidth;
 };
-
 function stylesheet(props, themeData) {
-  var percentComplete = props.percentComplete,
-      customStylesheet = props.stylesheet;
-
-  var isIndeterminate = percentComplete === null || percentComplete === undefined;
-
-  var styles = {
+  const {
+    percentComplete,
+    stylesheet: customStylesheet
+  } = props;
+  const isIndeterminate = percentComplete === null || percentComplete === undefined;
+  const styles = {
     wrapper: {
-      position: "relative",
+      position: `relative`,
       borderRadius: themeData["progress.bar.borderRadius"],
       backgroundColor: themeData["progress.bar.backgroundColor"],
-      overflow: "hidden",
-      width: "100%",
+      overflow: `hidden`,
+      width: `100%`,
       height: themeData["progress.bar.minHeight"]
     },
-    progressBar: _extends({
-      position: "absolute",
+    progressBar: _objectSpread2({
+      position: `absolute`,
       top: 0,
       bottom: 0,
-      left: "-3px",
-      display: "flex",
-      alignItems: "stretch",
-      transition: "width 0.3s ease-in-out",
-      width: isIndeterminate ? "100%" : renderedBarWidth(props.percentComplete) + "%"
-    }, isIndeterminate ? getProgressBarIndeterminateRules(themeData) : {}),
-    progressBarFill: _extends({
-      backgroundColor: isIndeterminate ? "transparent" : themeData["progress.bar.highlightColor"],
-      flex: "1 1 0"
+      left: `-3px`,
+      display: `flex`,
+      alignItems: `stretch`,
+      transition: `width 0.3s ease-in-out`,
+      width: isIndeterminate ? `100%` : `${renderedBarWidth(props.percentComplete)}%`
+    }, isIndeterminate ? getProgressBarIndeterminateRules() : {}),
+    progressBarFill: _objectSpread2({
+      backgroundColor: isIndeterminate ? `transparent` : themeData["progress.bar.highlightColor"],
+      flex: `1 1 0`
     }, isIndeterminate ? getProgressBarFillIndeterminateRules(themeData) : {}),
@@ -94,67 +176,54 @@ polygon: {
   };
-
   return customStylesheet ? customStylesheet(styles, props, themeData) : styles;
 }
 
-function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
+const _excluded = ["percentComplete", "stylesheet"];
 
-var ProgressBar = function ProgressBar(props) {
-  var percentComplete = props.percentComplete,
-      customStylesheet = props.stylesheet,
-      otherProps = _objectWithoutProperties(props, ["percentComplete", "stylesheet"]);
+const ProgressBar = props => {
+  const {
+    percentComplete,
+    stylesheet: customStylesheet
+  } = props,
+        otherProps = _objectWithoutProperties(props, _excluded);
 
-  var className = otherProps.className;
-
-  var innerWrapperClassNames = utils.createCustomClassNames(className, "progress-bar");
-  var fillClassNames = utils.createCustomClassNames(className, "fill");
-  var polygonClassNames = utils.createCustomClassNames(className, "polygon");
-
-  return React.createElement(
-    themeContext.ThemeContext.Consumer,
-    null,
-    function (_ref) {
-      var resolvedRoles = _ref.resolvedRoles;
-
-      var styles = stylesheet({ percentComplete: percentComplete, stylesheet: customStylesheet }, resolvedRoles);
-      return React.createElement(
-        "div",
-        {
-          className: emotion.cx(emotion.css(styles.wrapper), className),
-          role: "progressbar",
-          "aria-valuemin": "0",
-          "aria-valuemax": "100",
-          "aria-valuenow": percentComplete
-        },
-        React.createElement(
-          "div",
-          {
-            className: emotion.cx(emotion.css(styles.progressBar), innerWrapperClassNames)
-          },
-          React.createElement("div", {
-            className: emotion.cx(emotion.css(styles.progressBarFill), fillClassNames)
-          }),
-          React.createElement(
-            "svg",
-            {
-              width: "3px",
-              height: "4px",
-              viewBox: "0 0 3 4",
-              version: "1.1",
-              xmlns: "http://www.w3.org/2000/svg",
-              xmlnsXlink: "http://www.w3.org/1999/xlink"
-            },
-            React.createElement("polygon", {
-              className: emotion.cx(emotion.css(styles.polygon), polygonClassNames),
-              id: "end-right",
-              points: "0 0 2.68 0 1 4 0 4"
-            })
-          )
-        )
-      );
-    }
-  );
+  const {
+    className
+  } = otherProps;
+  const innerWrapperClassNames = utils.createCustomClassNames(className, "progress-bar");
+  const fillClassNames = utils.createCustomClassNames(className, "fill");
+  const polygonClassNames = utils.createCustomClassNames(className, "polygon");
+  return /*#__PURE__*/React__default["default"].createElement(themeContext.ThemeContext.Consumer, null, _ref => {
+    let {
+      resolvedRoles
+    } = _ref;
+    const styles = stylesheet({
+      percentComplete,
+      stylesheet: customStylesheet
+    }, resolvedRoles);
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: emotion.cx(emotion.css(styles.wrapper), className),
+      role: "progressbar",
+      "aria-valuemin": "0",
+      "aria-valuemax": "100",
+      "aria-valuenow": percentComplete
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: emotion.cx(emotion.css(styles.progressBar), innerWrapperClassNames)
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: emotion.cx(emotion.css(styles.progressBarFill), fillClassNames)
+    }), /*#__PURE__*/React__default["default"].createElement("svg", {
+      width: "3px",
+      height: "4px",
+      viewBox: "0 0 3 4",
+      version: "1.1",
+      xmlns: "http://www.w3.org/2000/svg",
+      xmlnsXlink: "http://www.w3.org/1999/xlink"
+    }, /*#__PURE__*/React__default["default"].createElement("polygon", {
+      className: emotion.cx(emotion.css(styles.polygon), polygonClassNames),
+      id: "end-right",
+      points: "0 0 2.68 0 1 4 0 4"
+    }))));
+  });
 };
 
 ProgressBar.displayName = "ProgressBar";
-
 ProgressBar.propTypes = {
@@ -164,7 +233,8 @@ /**
    */
-  percentComplete: PropTypes.number,
+  percentComplete: PropTypes__default["default"].number,
+
   /**
    * Adds custom/overriding styles
    */
-  stylesheet: PropTypes.func
+  stylesheet: PropTypes__default["default"].func
 };
@@ -192,2 +262,2 @@ ProgressBar.__docgenInfo = {
 
-exports.default = ProgressBar;
+exports["default"] = ProgressBar;

CHANGELOG.md

@@ -0,1 +1,8 @@
+# [@hig/progress-bar-v2.2.0](https://github.com/Autodesk/hig/compare/@hig/progress-bar@2.1.0...@hig/progress-bar@2.2.0) (2022-09-05)
+
+
+### Features
+
+* update theme-data dependency ([5d038e2](https://github.com/Autodesk/hig/commit/5d038e2))
+
 # [@hig/progress-bar-v2.1.0](https://github.com/Autodesk/hig/compare/@hig/progress-bar@2.0.0...@hig/progress-bar@2.1.0) (2022-01-24)
@@ -2,0 +9,0 @@

package.json

 {
   "name": "@hig/progress-bar",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "HIG Progress Bar",
@@ -25,4 +25,4 @@ "author": "Autodesk Inc.",
   "peerDependencies": {
-    "@hig/theme-context": "^4.1.0",
-    "@hig/theme-data": "^2.22.1",
+    "@hig/theme-context": "^4.2.0",
+    "@hig/theme-data": "^3.2.0",
     "react": "^17.0.0"
@@ -29,0 +29,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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

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

21345

increased by13.19%

Lines of code

441

increased by37.38%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes