@lifeomic/chromicons - npm Package Compare versions

Comparing version 2.0.1 to 2.1.0

package.json

 {
   "name": "@lifeomic/chromicons",
-  "version": "2.0.1",
+  "version": "2.1.0",
   "main": "dist/index.js",
@@ -22,3 +22,3 @@ "typings": "dist/index.d.ts",
     "analyze": "size-limit --why",
-    "build": "yarn build:react && yarn build:native",
+    "build": "yarn build:react && yarn build:native && yarn build:pngs",
     "postbuild": "node prepare-packages.js",
@@ -29,7 +29,9 @@ "build:react": "tsdx build -i src/build/react/index.tsx --tsconfig tsconfig.json",
     "postbuild:native": "mkdir -p build/native && mv dist build/native && mv src/build/native build/native/src && cp -R src/raw build/native/src",
+    "build:pngs": "mkdir -p build/pngs && mv src/build/pngs build && cp -R src/raw build/pngs/src",
     "clean": "rm -rf src/build && rm -rf dist/ && rm -rf dist && rm -rf build",
-    "generate:build-output": "yarn generate:react-components && yarn generate:react-native-components && yarn generate:index-file",
+    "generate:build-output": "yarn generate:react-components && yarn generate:react-native-components && yarn generate:pngs && yarn generate:index-file",
     "generate:index-file": "echo \"export * from './lined'\" > src/build/native/index.tsx && echo \"export * from './lined'\" > src/build/react/index.tsx",
     "generate:react-components": "svgr --template svg-template.js src/raw/lined --out-dir src/build/react/lined --typescript",
     "generate:react-native-components": "svgr --template svg-rn-template.js src/raw/lined --out-dir src/build/native/lined --typescript --native",
+    "generate:pngs": "node ./generate-pngs.js ./src/raw/lined -o src/build/pngs/lined",
     "lint": "tsdx lint",
@@ -51,6 +53,8 @@ "size": "size-limit",
     "semantic-release": "^17.4.4",
+    "sharp": "^0.29.1",
     "size-limit": "^4.8.0",
     "tsdx": "^0.14.1",
     "tslib": "^2.0.3",
-    "typescript": "^4.1.2"
+    "typescript": "^4.1.2",
+    "yargs": "^17.2.1"
   },
@@ -57,0 +61,0 @@ "peerDependencies": {

README.md

@@ -31,2 +31,21 @@ # Chromicons
 
+**With React-Native**
+
+1. Install Dependency
+
+```bash
+yarn add @lifeomic/chromicons-png
+```
+
+2. Import Icons!
+
+Icon images are stored in the `lined` folder. Each icon has its own folder with images for different screen densities (@1x, @1.5x, @2x, ..., @4x). Usage:
+
+```jsx
+<Image
+  style={{ height: 24, width: 24, tintColor: 'red' }}
+  source={require('@lifeomic/chromicons-png/lined/apple/apple.png')}
+/>
+```
+
 **With React-Native (react-native-svg)**
@@ -33,0 +52,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

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

2163955

increased by0.03%

Number of lines in readme file

73

increased by35.19%

Worsened metrics

Dev dependency count

16

increased by14.29%

No dependency changes