@kano/kbc-loader - npm Package Compare versions

Comparing version 4.9.1-alpha.0 to 4.9.2-alpha.0

lib/index.js

@@ -1,13 +0,36 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-require("./styles.scss");
-exports.KbcLoader = ({ size = '' }) => (react_1.default.createElement("div", { className: `loader${size !== '' ? ` loader--${size}` : ''}` },
-    react_1.default.createElement("span", { className: "loader__spinner" },
-        react_1.default.createElement("span", null),
-        react_1.default.createElement("span", null),
-        react_1.default.createElement("span", null))));
-//# sourceMappingURL=index.js.map
+'use strict';
+
+
+
+function ___$insertStyle(css) {
+  if (!css) {
+    return;
+  }
+  if (typeof window === 'undefined') {
+    return;
+  }
+
+  var style = document.createElement('style');
+
+  style.setAttribute('type', 'text/css');
+  style.innerHTML = css;
+  document.head.appendChild(style);
+  return css;
+}
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var React = _interopDefault(require('react'));
+
+___$insertStyle("/* spacing-large * 1.25 */\n/* spacing-smaller / 1.25 */\n/* spacing-small / 1.25 */\n/* spacing-base * 1.5 */\n/* spacing-larger * 1.25 */\n/* spacing-base / 1.5 */\n/* spacing-base * 1.25 */\n/* Desktop and tablet landscape */\n/* Tablet portrait */\n/* Mobile landscape */\n/* Large desktop and TV */\n/* Mobile portrait */\n.loader {\n  display: block;\n  width: 32px;\n  height: 32px;\n  position: relative;\n  margin: auto;\n}\n.loader .loader__spinner {\n  animation: spinnerSaving 0.5s linear infinite;\n}\n.content__body--loading .loader {\n  margin-top: 8.4375rem;\n}\n\n.loader--small {\n  width: 20px;\n  height: 20px;\n}\n.loader--small .loader__spinner {\n  height: 20px;\n  width: 20px;\n}\n.loader--small .loader__spinner span {\n  width: 18px;\n  height: 18px;\n  border: 2px solid var(--color-lightest);\n}\n\n.loader__spinner {\n  position: absolute;\n  display: inline-block;\n  height: 32px;\n  width: 32px;\n  left: 0;\n}\n\n.loader__spinner span {\n  width: 28px;\n  height: 28px;\n  border-radius: 100%;\n  border: 3px solid var(--color-lighter);\n  display: inline-block;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n.loader__spinner span:nth-child(1) {\n  border-bottom-color: transparent;\n  z-index: 3;\n  transform: translate(-50%, -50%) rotate(58deg);\n}\n.loader__spinner span:nth-child(2) {\n  border-bottom-color: var(--color-primary);\n  z-index: 2;\n}\n\n@keyframes spinnerSaving {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}");
+
+const KbcLoader = ({ size = '' }) => (React.createElement("div", { className: `loader${size !== '' ? ` loader--${size}` : ''}` },
+    React.createElement("span", { className: "loader__spinner" },
+        React.createElement("span", null),
+        React.createElement("span", null),
+        React.createElement("span", null))));
+
+exports.KbcLoader = KbcLoader;
+//# sourceMappingURL=index.js.map

package.json

 {
   "name": "@kano/kbc-loader",
-  "version": "4.9.1-alpha.0",
+  "version": "4.9.2-alpha.0",
   "description": "Loader component",
@@ -10,2 +10,4 @@ "author": "Kano Computing",
   "types": "lib/index.js",
+  "module": "lib/index.es.js",
+  "jsnext:main": "lib/index.es.js",
   "files": [
@@ -18,3 +20,3 @@ "lib"
     "clean": "rm -rf ./lib",
-    "compile": "tsc -p tsconfig.build.json && cp src/styles.scss lib/styles.scss",
+    "compile": "rollup -c",
     "prepublishOnly": "yarn run build"
@@ -28,8 +30,18 @@ },
   },
+  "peerDependencies": {
+    "react": "^16.13.0",
+    "react-dom": "^16.13.0"
+  },
   "devDependencies": {
     "@types/react": "^16.9.19",
     "@types/react-dom": "^16.9.5",
-    "prop-types": "^15.7.2"
+    "prop-types": "^15.7.2",
+    "rollup": "^1.32.0",
+    "rollup-plugin-commonjs": "^10.1.0",
+    "rollup-plugin-node-resolve": "^5.2.0",
+    "rollup-plugin-peer-deps-external": "^2.2.2",
+    "rollup-plugin-sass": "^1.2.2",
+    "rollup-plugin-typescript2": "^0.26.0"
   },
-  "gitHead": "cc9cb5025972fa9cca0a13d68be56aa3d597871c"
+  "gitHead": "fd0604d09d87a361a1fc58cbd54f0a36c3f3959a"
 }

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

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

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

7743

increased by108.09%

Number of package files

7

increased by16.67%

Lines of code

64

increased by236.84%

Worsened metrics

Dependency count

3

increased by200%

Dev dependency count

9

increased by200%

Number of low supply chain risk alerts

3

increased by200%

No dependency changes