@lifeomic/chromicons
Advanced tools
Comparing version 2.0.1 to 2.1.0
{ | ||
"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": { |
@@ -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 @@ |
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
2163955
73
16