@kano/kbc-icons - npm Package Compare versions

Comparing version 4.19.3-alpha.0 to 4.20.0-alpha.0

lib/assets/index.d.ts

@@ -22,2 +22,3 @@ export { default as AddUser } from './AddUser';
 export { default as ArrowDouble } from './ArrowDouble';
+export { default as ArrowUp } from './ArrowUp';
 export { default as Bell } from './Bell';
@@ -40,2 +41,4 @@ export { default as Calender } from './Calender';
 export { default as General } from './General';
+export { default as GuideEnlarge } from './GuideEnlarge';
+export { default as GuideShrink } from './GuideShrink';
 export { default as Heal } from './Heal';
@@ -51,2 +54,3 @@ export { default as Help } from './Help';
 export { default as Logout22Old } from './Logout22Old';
+export { default as Maximise } from './Maximise';
 export { default as Menu } from './Menu';
@@ -53,0 +57,0 @@ export { default as Minus } from './Minus';

lib/assets/index.js

@@ -45,2 +45,4 @@ "use strict";
 exports.ArrowDouble = ArrowDouble_1.default;
+var ArrowUp_1 = require("./ArrowUp");
+exports.ArrowUp = ArrowUp_1.default;
 var Bell_1 = require("./Bell");
@@ -80,2 +82,6 @@ exports.Bell = Bell_1.default;
 exports.General = General_1.default;
+var GuideEnlarge_1 = require("./GuideEnlarge");
+exports.GuideEnlarge = GuideEnlarge_1.default;
+var GuideShrink_1 = require("./GuideShrink");
+exports.GuideShrink = GuideShrink_1.default;
 var Heal_1 = require("./Heal");
@@ -101,2 +107,4 @@ exports.Heal = Heal_1.default;
 exports.Logout22Old = Logout22Old_1.default;
+var Maximise_1 = require("./Maximise");
+exports.Maximise = Maximise_1.default;
 var Menu_1 = require("./Menu");
@@ -103,0 +111,0 @@ exports.Menu = Menu_1.default;

lib/index.d.ts

@@ -1,13 +0,3 @@
-/// <reference types="react" />
-import './styles/main.scss';
-export declare type TIconSizes = "smaller" | "small" | "base" | "large" | "larger" | "largest";
-export interface IconProps {
-    name: string;
-    size?: TIconSizes;
-    animate?: boolean;
-    noClass?: boolean;
-    color?: string;
-}
-export declare const KbcIcon: ({ name, size, color, animate, noClass }: IconProps) => JSX.Element;
-export default KbcIcon;
+export * from './custom';
+export { default as KbcIcon, TIconSizes, IconProps } from './kbc-icons';
 //# sourceMappingURL=index.d.ts.map

lib/index.js

 "use strict";
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
+function __export(m) {
+    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+}
 Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const icons = __importStar(require("./assets"));
-require("./styles/main.scss");
-exports.KbcIcon = ({ name, size = 'base', color = null, animate = false, noClass = false }) => {
-    const MatchedIcon = name in icons ? icons[name] : false;
-    let svgSize = 22;
-    switch (size) {
-        case "smaller":
-            svgSize = 12;
-            break;
-        case "small":
-            svgSize = 16;
-            break;
-        case "base":
-            svgSize = 22;
-            break;
-        case "large":
-            svgSize = 36;
-            break;
-        case "larger":
-            svgSize = 64;
-            break;
-        case "largest":
-            svgSize = 112;
-            break;
-        default:
-            break;
-    }
-    if (MatchedIcon) {
-        return (React.createElement("span", { className: `${noClass ? '' : 'icon'}${size ? ` icon--${size}` : ''}${color ? ` icon--${color}` : ''}${animate ? ' animate--rotate-anticlockwise' : ''}` },
-            React.createElement(MatchedIcon, { width: svgSize, height: svgSize })));
-    }
-    return React.createElement(React.Fragment, null, "No icon found");
-};
-exports.default = exports.KbcIcon;
+__export(require("./custom"));
+var kbc_icons_1 = require("./kbc-icons");
+exports.KbcIcon = kbc_icons_1.default;
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@kano/kbc-icons",
-  "version": "4.19.3-alpha.0",
+  "version": "4.20.0-alpha.0",
   "description": "Icons for boilerplate components",
@@ -23,12 +23,14 @@ "author": "Kano Computing",
     "build": "yarn run clean && yarn run build:svg",
-    "build:quick": "yarn run copy:styles && yarn run compile:tsc",
+    "build:quick": "yarn run copy:custom-svgs && yarn run copy:styles && yarn run compile:tsc",
     "build:svg": "yarn run compile:svg && yarn run build:quick",
     "watch": "lerna run watch:quick --parallel --scope=@kano/kbc-icons --include-dependencies",
-    "watch:quick": "run-p watch:src watch:svg",
+    "watch:quick": "run-p watch:src watch:custom-svgs watch:svg",
     "watch:src": "onchange -v 'src/**/*.{ts,tsx,scss}' -e 'src/assets/**/*.*' -- yarn run build:quick",
     "watch:svg": "onchange -v 'svgs/**/*.svg' -- yarn run build:svg",
+    "watch:custom-svgs": "onchange -v 'src/custom-svgs/*.svg' -- yarn run build:quick",
     "clean": "rm -rf ./lib",
     "compile:tsc": "tsc -p tsconfig.json",
     "compile:svg": "npx @svgr/cli --template ./svgr-template.js --ext tsx -d src/assets svgs --svgo-config ./svgo-config.json",
-    "copy:styles": "copyfiles -f src/styles/*.scss lib/styles"
+    "copy:styles": "copyfiles -f src/styles/*.scss lib/styles",
+    "copy:custom-svgs": "copyfiles -f src/custom-svgs/*.svg lib/custom-svgs"
   },
@@ -41,5 +43,5 @@ "devDependencies": {
   "dependencies": {
-    "@kano/kbc-base-styles": "^4.19.3-alpha.0"
+    "@kano/kbc-base-styles": "^4.20.0-alpha.0"
   },
-  "gitHead": "a78cc02e9d9ae6c44f897e0c1807dc055fcedc34"
+  "gitHead": "607751217f9e6665f15103432ad3a9834a9a4772"
 }

README.md

@@ -8,3 +8,3 @@ # `kbc-icons`
 ```
-import KbcIcon from '@kano/kbc-icons';
+import { KbcIcon } from '@kano/kbc-icons';
 
@@ -11,0 +11,0 @@ const Component = (props) => {

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

235597

increased by18.85%

Number of package files

406

increased by9.43%

Lines of code

2082

increased by11.28%

Worsened metrics

Number of low supply chain risk alerts

7

increased by75%

Dependency changes

• + Added@kano/kbc-base-styles@4.20.0-alpha.0(transitive)

• + Added@kano/kbc-tokens@4.20.0-alpha.0(transitive)

• - Removed@kano/kbc-base-styles@4.19.3-alpha.0(transitive)

• - Removed@kano/kbc-tokens@4.19.3-alpha.0(transitive)

• Updated@kano/kbc-base-styles@^4.20.0-alpha.0