@arcteryx/components-animated-ellipsis - npm Package Compare versions

Comparing version 1.1.3 to 1.2.0

dist/cjs/index.js

@@ -5,8 +5,10 @@ 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var React = _interopDefault(require('react'));
+var React = require('react');
 var styled = require('styled-components');
-var styled__default = _interopDefault(styled);
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
 function _taggedTemplateLiteral(strings, raw) {
@@ -16,3 +18,2 @@ if (!raw) {
   }
-
   return Object.freeze(Object.defineProperties(strings, {
@@ -26,3 +27,2 @@ raw: {
 var _templateObject, _templateObject2, _templateObject3;
-
 var getSize = function getSize(size) {
@@ -32,10 +32,7 @@ if (size === "small") {
   }
-
   if (size === "large") {
     return "1rem";
   }
-
   return "0.25rem";
 };
-
 var getMargin = function getMargin(size) {
@@ -45,13 +42,10 @@ if (size === "small") {
   }
-
   if (size === "large") {
     return "1em 0.5em";
   }
-
   return "0 0.125em";
 };
-
 var loadingAnim = styled.keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t0%, 100%{\n\t\topacity: 0;\n\t}\n\n\t60%{\n\t\topacity: 1;\n\t}\n"])));
-var Div = styled__default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: inline-block;\n"])));
-var Span = styled__default.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: inline-block;\n  width: ", ";\n  height: ", ";\n  border-radius: 100%;\n  background-color: var(--black);\n  margin: ", ";\n  opacity: 0;\n  &:nth-child(1) {\n    animation: ", " 1s ease-in-out infinite;\n  }\n  &:nth-child(2) {\n    animation: ", " 1s ease-in-out 0.33s infinite;\n  }\n  &:nth-child(3) {\n    animation: ", " 1s ease-in-out 0.66s infinite;\n  }\n"])), function (props) {
+var Div = styled__default["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: inline-block;\n"])));
+var Span = styled__default["default"].span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: inline-block;\n  width: ", ";\n  height: ", ";\n  border-radius: 100%;\n  background-color: var(--black);\n  margin: ", ";\n  opacity: 0;\n  &:nth-child(1) {\n    animation: ", " 1s ease-in-out infinite;\n  }\n  &:nth-child(2) {\n    animation: ", " 1s ease-in-out 0.33s infinite;\n  }\n  &:nth-child(3) {\n    animation: ", " 1s ease-in-out 0.66s infinite;\n  }\n"])), function (props) {
   return getSize(props.size);
@@ -63,10 +57,9 @@ }, function (props) {
 }, loadingAnim, loadingAnim, loadingAnim);
-
 var AnimatedEllipsis = function AnimatedEllipsis(_ref) {
   var size = _ref.size;
-  return /*#__PURE__*/React.createElement(Div, null, /*#__PURE__*/React.createElement(Span, {
+  return /*#__PURE__*/React__default["default"].createElement(Div, null, /*#__PURE__*/React__default["default"].createElement(Span, {
     size: size
-  }), /*#__PURE__*/React.createElement(Span, {
+  }), /*#__PURE__*/React__default["default"].createElement(Span, {
     size: size
-  }), /*#__PURE__*/React.createElement(Span, {
+  }), /*#__PURE__*/React__default["default"].createElement(Span, {
     size: size
@@ -73,0 +66,0 @@ }));

dist/es/index.js

@@ -8,3 +8,2 @@ import React from 'react';
   }
-
   return Object.freeze(Object.defineProperties(strings, {
@@ -18,3 +17,2 @@ raw: {
 var _templateObject, _templateObject2, _templateObject3;
-
 var getSize = function getSize(size) {
@@ -24,10 +22,7 @@ if (size === "small") {
   }
-
   if (size === "large") {
     return "1rem";
   }
-
   return "0.25rem";
 };
-
 var getMargin = function getMargin(size) {
@@ -37,10 +32,7 @@ if (size === "small") {
   }
-
   if (size === "large") {
     return "1em 0.5em";
   }
-
   return "0 0.125em";
 };
-
 var loadingAnim = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t0%, 100%{\n\t\topacity: 0;\n\t}\n\n\t60%{\n\t\topacity: 1;\n\t}\n"])));
@@ -55,3 +47,2 @@ var Div = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: inline-block;\n"])));
 }, loadingAnim, loadingAnim, loadingAnim);
-
 var AnimatedEllipsis = function AnimatedEllipsis(_ref) {
@@ -58,0 +49,0 @@ var size = _ref.size;

dist/umd/index.js

 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('styled-components')) :
   typeof define === 'function' && define.amd ? define(['exports', 'react', 'styled-components'], factory) :
-  (global = global || self, (function () {
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, (function () {
     var current = global.ARCTERYX && global.ARCTERYX.componentsanimatedellipsis;
@@ -9,8 +9,10 @@ var exports = (global.ARCTERYX = global.ARCTERYX || {}, global.ARCTERYX.componentsanimatedellipsis = {});
     exports.noConflict = function () { global.ARCTERYX.componentsanimatedellipsis = current; return exports; };
-  }()));
-}(this, (function (exports, React, styled) { 'use strict';
+  })());
+})(this, (function (exports, React, styled) { 'use strict';
 
-  React = React && Object.prototype.hasOwnProperty.call(React, 'default') ? React['default'] : React;
-  var styled__default = 'default' in styled ? styled['default'] : styled;
+  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
   function _taggedTemplateLiteral(strings, raw) {
@@ -20,3 +22,2 @@ if (!raw) {
     }
-
     return Object.freeze(Object.defineProperties(strings, {
@@ -30,3 +31,2 @@ raw: {
   var _templateObject, _templateObject2, _templateObject3;
-
   var getSize = function getSize(size) {
@@ -36,10 +36,7 @@ if (size === "small") {
     }
-
     if (size === "large") {
       return "1rem";
     }
-
     return "0.25rem";
   };
-
   var getMargin = function getMargin(size) {
@@ -49,13 +46,10 @@ if (size === "small") {
     }
-
     if (size === "large") {
       return "1em 0.5em";
     }
-
     return "0 0.125em";
   };
-
   var loadingAnim = styled.keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t0%, 100%{\n\t\topacity: 0;\n\t}\n\n\t60%{\n\t\topacity: 1;\n\t}\n"])));
-  var Div = styled__default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: inline-block;\n"])));
-  var Span = styled__default.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: inline-block;\n  width: ", ";\n  height: ", ";\n  border-radius: 100%;\n  background-color: var(--black);\n  margin: ", ";\n  opacity: 0;\n  &:nth-child(1) {\n    animation: ", " 1s ease-in-out infinite;\n  }\n  &:nth-child(2) {\n    animation: ", " 1s ease-in-out 0.33s infinite;\n  }\n  &:nth-child(3) {\n    animation: ", " 1s ease-in-out 0.66s infinite;\n  }\n"])), function (props) {
+  var Div = styled__default["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: inline-block;\n"])));
+  var Span = styled__default["default"].span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: inline-block;\n  width: ", ";\n  height: ", ";\n  border-radius: 100%;\n  background-color: var(--black);\n  margin: ", ";\n  opacity: 0;\n  &:nth-child(1) {\n    animation: ", " 1s ease-in-out infinite;\n  }\n  &:nth-child(2) {\n    animation: ", " 1s ease-in-out 0.33s infinite;\n  }\n  &:nth-child(3) {\n    animation: ", " 1s ease-in-out 0.66s infinite;\n  }\n"])), function (props) {
     return getSize(props.size);
@@ -67,10 +61,9 @@ }, function (props) {
   }, loadingAnim, loadingAnim, loadingAnim);
-
   var AnimatedEllipsis = function AnimatedEllipsis(_ref) {
     var size = _ref.size;
-    return /*#__PURE__*/React.createElement(Div, null, /*#__PURE__*/React.createElement(Span, {
+    return /*#__PURE__*/React__default["default"].createElement(Div, null, /*#__PURE__*/React__default["default"].createElement(Span, {
       size: size
-    }), /*#__PURE__*/React.createElement(Span, {
+    }), /*#__PURE__*/React__default["default"].createElement(Span, {
       size: size
-    }), /*#__PURE__*/React.createElement(Span, {
+    }), /*#__PURE__*/React__default["default"].createElement(Span, {
       size: size
@@ -84,3 +77,3 @@ }));
 
-})));
+}));
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@arcteryx/components-animated-ellipsis",
-  "version": "1.1.3",
+  "version": "1.2.0",
   "description": "Arcteryx Animated Ellipsis Component",
@@ -25,4 +25,5 @@ "author": "ronvs",
   "peerDependencies": {
-    "react": "^16.0.0",
-    "styled-components": "^5.2.1"
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0",
+    "styled-components": "^5.3.5"
   },
@@ -36,3 +37,3 @@ "files": [
   },
-  "gitHead": "d0a58ddc88f88a88e2d433170765cdac412ea21b"
+  "gitHead": "ec3795a7d5bb844c4d9931d9f32cf1416d09e081"
 }

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

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

Improved metrics

Total package byte prevSize

22055

increased by2.97%

Lines of code

287

increased by0.7%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Dependency count

3

increased by50%

Number of package files

13

decreased by-7.14%

No dependency changes