Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@douyinfe/semi-icons-lab

Package Overview
Dependencies
Maintainers
10
Versions
151
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@douyinfe/semi-icons-lab - npm Package Compare versions

Comparing version 2.48.0-beta.0 to 2.48.0

dist/css/semi-icons-lab.css

44

package.json
{
"name": "@douyinfe/semi-icons-lab",
"version": "2.48.0-beta.0",
"version": "2.48.0",
"description": "semi icons lab",

@@ -14,10 +14,40 @@ "keywords": [

},
"main": "src/react/index.js",
"module": "src/react/index.js",
"typings": "src/react/index.d.ts",
"scripts": {
"clean": "rimraf dist lib",
"build:icon": "node scripts/build-icon ",
"build:lib": "node ./scripts/compileLib.js",
"build:js": "npm run build:lib && node scripts/compileDist.js",
"prepublishOnly": "npm run clean && npm run build:js"
},
"main": "lib/cjs/index.js",
"module": "lib/es/index.js",
"typings": "lib/es/index.d.ts",
"license": "MIT",
"files": [
"src/react",
"src/svgs"
"lib",
"src",
"dist"
],
"sideEffects": [
"*.scss",
"*.css"
],
"devDependencies": {
"@babel/preset-env": "^7.15.8",
"@babel/preset-react": "^7.14.5",
"babel-loader": "^8.2.2",
"css-loader": "4.3.0",
"del": "^6.0.0",
"gulp": "^4.0.2",
"gulp-babel": "^8.0.0",
"gulp-replace": "^1.1.3",
"gulp-sass": "^5.0.0",
"gulp-typescript": "^6.0.0-alpha.1",
"merge2": "^1.4.1",
"mini-css-extract-plugin": "^2.7.5",
"rimraf": "^3.0.2",
"terser-webpack-plugin": "^4.2.3",
"through2": "^4.0.2",
"ts-loader": "^5.4.5"
},
"peerDependencies": {

@@ -31,3 +61,3 @@ "react": "^16.8.0 || ^17.0.0 || ^18.0.0",

],
"gitHead": "2eb75459ef1df87a83949a2f609da9468cd200c6"
"gitHead": "6f3b0957a0fbd5b5cf5a2187782bac2f767162b3"
}

@@ -1,9 +0,32 @@

# semi-icons-lab
Beautiful, colorful icons(experimental). JSX code generated by Semi icon.
```bash
##  📣 Introduce
Beautiful, colorful icons(experimental) design by Semi Team
![](https://lf9-static.semi.design/obj/semi-tos/images/0b8d0ca0-57be-11ee-8e53-13ab794309ff.png)
##  🚀 Getting Start
### install deps
```shell
npm install @douyinfe/semi-icons-lab
```
![](https://lf9-static.semi.design/obj/semi-tos/images/0b8d0ca0-57be-11ee-8e53-13ab794309ff.png)
### as a react component
```tsx
import { IconAnchor } from '@douyinfe/semi-icons-lab';
ReactDOM.render(<IconAnchor />, root);
```
## How to contribute icon to this package
- Add the svg file under the path ```src/svgs/```, naming references to other files.
- Run command ```lerna run build:icon --scope @douyinfe/semi-icons```, the corresponding tsx file will be generated under the path ```src/icons```.
- Add the category and name of the new icon to the ```src/svgs/meta.json``` file.
- Finally, run command ```yarn docsite``` and go to the icon page to confirm whether the icon is successfully added.
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc