Compare commits

...

15 Commits

Author SHA1 Message Date
Kemie
b323bbd28e Add Cat & Dog (#825)
* Added cat & dog

* optimized svgs, tags

* updated cat & dog

refined icons to better meet design guidelines (2px gap)

* Update dog.svg

fixed ears

* Update tags.json

tags for dog

Co-authored-by: Karsa <contact@karsa.org>

* Update tags.json

tags for cat

Co-authored-by: Karsa <contact@karsa.org>

* reoptimized dog & cat svgs

* reoptimized svgs

* svg code formatting

* unmerge paths

* Update icons/cat.svg

* Update icons/dog.svg

Co-authored-by: Karsa <contact@karsa.org>
2022-10-27 08:13:26 +02:00
Wojciech Maj
514e88bbf9 Remove direct dependency on @emotion/core, @emotion/react, @emotion/styled (#849) 2022-10-27 08:11:57 +02:00
Sean van Zuidam
de6ed26152 ADD: missing key to loops (#856) 2022-10-27 08:11:05 +02:00
Wojciech Maj
b8cc9ea3c8 Update husky, automatically install husky on pnpm i (#847)
Fixes #836

Co-authored-by: Eric Fennis <eric.fennis@gmail.com>
2022-10-26 08:50:19 +02:00
Wojciech Maj
cc2ac8bfcd Lazy load JSZip on Download all button click (#850) 2022-10-26 08:46:19 +02:00
Wojciech Maj
0e340a2679 Add lucide-react-native package to Header and main menu items (#845)
Fixes #841
2022-10-26 08:41:05 +02:00
Wojciech Maj
c15e3914a6 Fix version not bumped in lucide-react-native package.json (#840)
Fixes #839

…i think.
2022-10-26 08:36:57 +02:00
Wojciech Maj
ff81fbfd9a Don't use md4 in crypto.createHash (#843)
Fixes #842

Please review carefully - I don't fully understand how this hash is used and whether there are any implications of changing it.
2022-10-26 08:36:17 +02:00
Wojciech Maj
5317abb867 Add packageManager to package.json to allow usage with Corepack (#838) 2022-10-26 08:33:51 +02:00
Wojciech Maj
ac80b9e58f Update react-native-svg to ^13.0.0, allow react-native-svg ^13.0.0 as peerDependency (#837) 2022-10-26 08:33:17 +02:00
Eric Fennis
a25f139953 add spline icon (#811) 2022-10-24 18:54:16 +02:00
Ekow Baah-Nyarkoh
b457c8dea1 Make lucid-angular compatible with angular 14 (#835)
* make lucid angular compatible with angular 14

* update pnpm-lock file
2022-10-24 18:39:44 +02:00
Christian Friedow
2e24567f8e Docs: fix and extend the generic vue3 icon component example (#832)
* docs: fix and extend the vue3 icon component example

* docs: refactor the usage example to utilize script setup

* fix: correct dashcase in property names
2022-10-23 18:30:39 +02:00
ANTARCTUS
9b90bc4d51 Better tags 1 (#827)
* Update tags.json

Add "logo" tag to the trello logo

* Update tags.json

Add "maths" tag

* Update tags.json

Add tag "logo" to  chrome

* Update tags.json

Add the tag "shape" to "octogon", "triangle", "square" and "circle"

* Update tags.json

Add tag "shape" to diamond

* Update tags.json

Add tag "maths" to function

* Update tags.json

* Update tags.json

Add "maths" to "circle slashed"

* Update tags.json

Remove the comma after the tag logo from trello
2022-10-23 18:29:43 +02:00
Lucide Bot
6fd0380e19 📦 Bump lucide package versions to 0.93.0 2022-10-23 12:19:23 +00:00
25 changed files with 3627 additions and 4365 deletions

View File

@@ -3,7 +3,7 @@ name: Release Packages
on: on:
push: push:
tags: tags:
- "v*" - 'v*'
workflow_dispatch: workflow_dispatch:
inputs: inputs:
@@ -639,7 +639,7 @@ jobs:
mkdir lucide-font mkdir lucide-font
pnpm build:outline-icons --outputDir=converted_icons && fontcustom compile "./converted_icons" -h -n "lucide" -o ./lucide-font -F pnpm build:outline-icons --outputDir=converted_icons && fontcustom compile "./converted_icons" -h -n "lucide" -o ./lucide-font -F
- name: "Upload to Artifacts" - name: 'Upload to Artifacts'
uses: actions/upload-artifact@v1 uses: actions/upload-artifact@v1
with: with:
name: lucide-font name: lucide-font
@@ -742,6 +742,7 @@ jobs:
run: | run: |
mv lucide-package-json/package.json packages/lucide/package.json mv lucide-package-json/package.json packages/lucide/package.json
mv lucide-react-package-json/package.json packages/lucide-react/package.json mv lucide-react-package-json/package.json packages/lucide-react/package.json
mv lucide-react-native-package-json/package.json packages/lucide-react-native/package.json
mv lucide-vue-package-json/package.json packages/lucide-vue/package.json mv lucide-vue-package-json/package.json packages/lucide-vue/package.json
mv lucide-preact-package-json/package.json packages/lucide-preact/package.json mv lucide-preact-package-json/package.json packages/lucide-preact/package.json
mv lucide-svelte-package-json/package.json packages/lucide-svelte/package.json mv lucide-svelte-package-json/package.json packages/lucide-svelte/package.json

View File

@@ -35,15 +35,8 @@ You can pass additional props to adjust the icon.
/> />
</template> </template>
<script> <script setup>
// Returns Vue component
import { Camera } from 'lucide-vue-next'; import { Camera } from 'lucide-vue-next';
export default {
name: "My Component",
components: { Camera }
}
</script> </script>
``` ```
@@ -53,8 +46,8 @@ export default {
| ------------ | -------- | -------- | ------------ | -------- | --------
| `size` | *Number* | 24 | `size` | *Number* | 24
| `color` | *String* | currentColor | `color` | *String* | currentColor
| `strokeWidth`| *Number* | 2 | `stroke-width`| *Number* | 2
| `defaultClass`| *String* | lucide-icon | `default-class`| *String* | lucide-icon
### Custom props ### Custom props
@@ -76,25 +69,25 @@ It is possible to create one generic icon component to load icons.
``` html ``` html
<template> <template>
<component :is="icon" /> <component :is="icon" :size="size" :color="color" :stroke-width="strokeWidth" :default-class="defaultClass" />
</template> </template>
<script> <script setup>
import { computed } from 'vue';
import * as icons from "lucide-vue-next"; import * as icons from "lucide-vue-next";
export default { const props = defineProps({
props: {
name: { name: {
type: String, type: String,
required: true, required: true
}, },
}, size: Number,
setup(props) { color: String,
const icon = computed(() => icons[props.name]) strokeWidth: Number,
defaultClass: String
})
return { icon } const icon = computed(() => icons[props.name]);
}
};
</script> </script>
``` ```
@@ -107,3 +100,4 @@ export default {
</div> </div>
</template> </template>
``` ```
All other props listed above also work on the `Icon` Component.

18
icons/cat.svg Normal file
View File

@@ -0,0 +1,18 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M14 5.256A8.148 8.148 0 0 0 12 5a9.04 9.04 0 0 0-2 .227M20.098 10c.572 1.068.902 2.24.902 3.444C21 17.89 16.97 21 12 21s-9-3-9-7.556c0-1.251.288-2.41.792-3.444"/>
<path d="M3.75 10S2.11 3.58 3.5 3C4.89 2.42 8 3 9.781 5"/>
<path d="M20.172 10.002s1.64-6.42.25-7c-1.39-.58-4.5 0-6.282 2"/>
<path d="M8 14v.5"/>
<path d="M16 14v.5"/>
<path d="M11.25 16.25h1.5L12 17l-.75-.75Z"/>
</svg>

After

Width:  |  Height:  |  Size: 605 B

18
icons/dog.svg Normal file
View File

@@ -0,0 +1,18 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M10 5.172C10 3.782 8.423 2.679 6.5 3c-2.823.47-4.113 6.006-4 7 .08.703 1.725 1.722 3.656 1 1.261-.472 1.96-1.45 2.344-2.5"/>
<path d="M14.267 5.172c0-1.39 1.577-2.493 3.5-2.172 2.823.47 4.113 6.006 4 7-.08.703-1.725 1.722-3.656 1-1.261-.472-1.855-1.45-2.239-2.5"/>
<path d="M8 14v.5"/>
<path d="M16 14v.5"/>
<path d="M11.25 16.25h1.5L12 17l-.75-.75Z"/>
<path d="M4.42 11.247A13.152 13.152 0 0 0 4 14.556C4 18.728 7.582 21 12 21s8-2.272 8-6.444c0-1.061-.162-2.2-.493-3.309m-9.243-6.082A8.801 8.801 0 0 1 12 5c.78 0 1.5.108 2.161.306"/>
</svg>

After

Width:  |  Height:  |  Size: 764 B

15
icons/spline.svg Normal file
View File

@@ -0,0 +1,15 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M21 6V4c0-.6-.4-1-1-1h-2a1 1 0 0 0-1 1v2c0 .6.4 1 1 1h2c.6 0 1-.4 1-1Z" />
<path d="M7 20v-2c0-.6-.4-1-1-1H4a1 1 0 0 0-1 1v2c0 .6.4 1 1 1h2c.6 0 1-.4 1-1Z" />
<path d="M5 17A12 12 0 0 1 17 5" />
</svg>

After

Width:  |  Height:  |  Size: 418 B

View File

@@ -17,7 +17,8 @@
"generate:supersprite": "node ./scripts/generateSuperSVG.mjs", "generate:supersprite": "node ./scripts/generateSuperSVG.mjs",
"optimize": "node ./scripts/optimizeSvgs.mjs", "optimize": "node ./scripts/optimizeSvgs.mjs",
"addtags": "node ./scripts/addMissingKeysToTags.mjs", "addtags": "node ./scripts/addMissingKeysToTags.mjs",
"generate:changelog": "node ./scripts/generateChangelog.mjs" "generate:changelog": "node ./scripts/generateChangelog.mjs",
"postinstall": "husky install"
}, },
"devDependencies": { "devDependencies": {
"@atomico/rollup-plugin-sizes": "^1.1.4", "@atomico/rollup-plugin-sizes": "^1.1.4",
@@ -39,7 +40,7 @@
"eslint-config-prettier": "^2.10.0", "eslint-config-prettier": "^2.10.0",
"eslint-plugin-import": "^2.26.0", "eslint-plugin-import": "^2.26.0",
"eslint-plugin-prettier": "^2.7.0", "eslint-plugin-prettier": "^2.7.0",
"husky": "^4.3.8", "husky": "^8.0.0",
"jest": "^28.1.3", "jest": "^28.1.3",
"lint-staged": "^10.5.4", "lint-staged": "^10.5.4",
"minimist": "^1.2.6", "minimist": "^1.2.6",
@@ -62,5 +63,6 @@
}, },
"lint-staged": { "lint-staged": {
"icons/*.svg": "node ./scripts/optimizeStagedSvgs.mjs" "icons/*.svg": "node ./scripts/optimizeStagedSvgs.mjs"
} },
"packageManager": "pnpm@7.14.0"
} }

View File

@@ -1,7 +1,7 @@
{ {
"name": "lucide-angular", "name": "lucide-angular",
"description": "A Lucide icon library package for Angular applications", "description": "A Lucide icon library package for Angular applications",
"version": "0.92.0", "version": "0.93.0",
"author": "SMAH1", "author": "SMAH1",
"license": "ISC", "license": "ISC",
"homepage": "https://lucide.dev", "homepage": "https://lucide.dev",
@@ -34,34 +34,35 @@
"version": "pnpm version --git-tag-version=false" "version": "pnpm version --git-tag-version=false"
}, },
"dependencies": { "dependencies": {
"tslib": "^2.3.1" "tslib": "^2.4.0"
}, },
"devDependencies": { "devDependencies": {
"@angular-devkit/build-angular": "~0.1102.5", "@angular-devkit/build-angular": "~14.2.6",
"@angular/cli": "~11.2.15", "@angular/cli": "~14.2.6",
"@angular/common": "~11.2.14", "@angular/common": "~14.2.7",
"@angular/compiler": "~11.2.14", "@angular/compiler": "~14.2.7",
"@angular/compiler-cli": "~11.2.14", "@angular/compiler-cli": "~14.2.7",
"@angular/core": "~11.2.14", "@angular/core": "~14.2.7",
"@angular/platform-browser": "~11.2.14", "@angular/platform-browser": "~14.2.7",
"@angular/platform-browser-dynamic": "~11.2.14", "@angular/platform-browser-dynamic": "~14.2.7",
"@types/jasmine": "~3.10.2", "@types/jasmine": "~4.3.0",
"@types/node": "^16.11.7", "@types/node": "^18.11.4",
"codelyzer": "^6.0.2", "codelyzer": "^6.0.2",
"jasmine-core": "~3.10.1", "jasmine-core": "~4.4.0",
"jasmine-spec-reporter": "~7.0.0", "jasmine-spec-reporter": "~7.0.0",
"karma": "~6.3.14", "karma": "~6.4.1",
"karma-chrome-launcher": "~3.1.0", "karma-chrome-launcher": "~3.1.1",
"karma-coverage": "~2.0.3", "karma-coverage": "~2.2.0",
"karma-jasmine": "~4.0.1", "karma-jasmine": "~5.1.0",
"karma-jasmine-html-reporter": "^1.7.0", "karma-jasmine-html-reporter": "^2.0.0",
"ng-packagr": "^11.2.4", "ng-packagr": "^14.2.1",
"protractor": "~7.0.0", "protractor": "~7.0.0",
"puppeteer": "^8.0.0", "puppeteer": "^19.1.0",
"rxjs": "6.5.3", "rxjs": "7.5.7",
"ts-node": "~10.4.0", "ts-node": "~10.9.1",
"tslint": "~6.1.0", "tslint": "~6.1.0",
"typescript": "~4.1.5", "typescript": "~4.8.4",
"zone.js": "^0.11.7" "zone.js": "^0.11.8"
} }
} }

View File

@@ -13,7 +13,6 @@
"serve": "vite preview" "serve": "vite preview"
}, },
"dependencies": { "dependencies": {
"@emotion/core": "^10.0.14",
"minimist": "^1.2.6", "minimist": "^1.2.6",
"react": "^17.0.0", "react": "^17.0.0",
"react-dom": "^17.0.0" "react-dom": "^17.0.0"

View File

@@ -1,6 +1,6 @@
name: lucide_icons name: lucide_icons
description: A Lucide icon library package for Flutter applications. Fork of Feather Icons, open for anyone to contribute icons. description: A Lucide icon library package for Flutter applications. Fork of Feather Icons, open for anyone to contribute icons.
version: 0.92.0 version: 0.93.0
homepage: https://lucide.dev homepage: https://lucide.dev
repository: https://github.com/lucide-icons/lucide repository: https://github.com/lucide-icons/lucide

View File

@@ -1,7 +1,7 @@
{ {
"name": "lucide-preact", "name": "lucide-preact",
"description": "A Lucide icon library package for Preact applications", "description": "A Lucide icon library package for Preact applications",
"version": "0.92.0", "version": "0.93.0",
"license": "ISC", "license": "ISC",
"homepage": "https://lucide.dev", "homepage": "https://lucide.dev",
"bugs": "https://github.com/lucide-icons/lucide/issues", "bugs": "https://github.com/lucide-icons/lucide/issues",

View File

@@ -6,7 +6,7 @@ Implementation of the lucide icon library for React Native applications.
## Installation ## Installation
First, ensure that you have `react-native-svg@^12.0.0` installed. Then, install the package: First, ensure that you have`react-native-svg@^12.0.0` or `react-native-svg@^13.0.0` installed. Then, install the package:
```sh ```sh
yarn add lucide-react-native yarn add lucide-react-native
@@ -25,11 +25,11 @@ Each icon can be imported as a react component.
You can pass additional props to adjust the icon. You can pass additional props to adjust the icon.
``` js ```js
import { Camera } from 'lucide-react-native'; import { Camera } from 'lucide-react-native';
const App = () => { const App = () => {
return <Camera color="red" size={48}/> return <Camera color="red" size={48} />;
}; };
export default App; export default App;
@@ -37,19 +37,19 @@ export default App;
### Props ### Props
| name | type | default | name | type | default |
| ------------ | -------- | -------- | ------------- | -------- | ------------ |
| `size` | *Number* | 24 | `size` | _Number_ | 24 |
| `color` | *String* | currentColor | `color` | _String_ | currentColor |
| `strokeWidth`| *Number* | 2 | `strokeWidth` | _Number_ | 2 |
### Custom props ### Custom props
You can also pass custom props that will be added in the svg as attributes. You can also pass custom props that will be added in the svg as attributes.
``` js ```js
const App = () => { const App = () => {
return <Camera fill="red"/> return <Camera fill="red" />;
}; };
``` ```
@@ -59,13 +59,13 @@ It is possible to create a generic icon component to load icons.
> :warning: The example below is importing all ES modules. This is **not** recommended when you using a bundler since your application build size will grow substantially. > :warning: The example below is importing all ES modules. This is **not** recommended when you using a bundler since your application build size will grow substantially.
``` js ```js
import * as icons from 'lucide-react-native'; import * as icons from 'lucide-react-native';
const Icon = ({name, color, size}) => { const Icon = ({ name, color, size }) => {
const LucideIcon = icons[name]; const LucideIcon = icons[name];
return <LucideIcon color={color} size={size} /> return <LucideIcon color={color} size={size} />;
}; };
export default Icon; export default Icon;

View File

@@ -19,7 +19,9 @@
"typings": "dist/lucide-react-native.d.ts", "typings": "dist/lucide-react-native.d.ts",
"react-native": "dist/esm/lucide-react-native.js", "react-native": "dist/esm/lucide-react-native.js",
"sideEffects": false, "sideEffects": false,
"files": ["dist"], "files": [
"dist"
],
"scripts": { "scripts": {
"build": "pnpm clean && pnpm copy:license && pnpm build:icons && pnpm build:bundles && pnpm build:types", "build": "pnpm clean && pnpm copy:license && pnpm build:icons && pnpm build:bundles && pnpm build:types",
"copy:license": "cp ../../LICENSE ./LICENSE", "copy:license": "cp ../../LICENSE ./LICENSE",
@@ -38,12 +40,12 @@
"react": "^18.0.0", "react": "^18.0.0",
"react-dom": "^18.0.0", "react-dom": "^18.0.0",
"react-native": "^0.69.0", "react-native": "^0.69.0",
"react-native-svg": "^12.0.0" "react-native-svg": "^13.0.0"
}, },
"peerDependencies": { "peerDependencies": {
"prop-types": "^15.7.2", "prop-types": "^15.7.2",
"react": "^16.5.1 || ^17.0.0 || ^18.0.0", "react": "^16.5.1 || ^17.0.0 || ^18.0.0",
"react-native": ">=0.50.0", "react-native": "*",
"react-native-svg": "^12.0.0" "react-native-svg": "^12.0.0 || ^13.0.0"
} }
} }

View File

@@ -1,7 +1,7 @@
{ {
"name": "lucide-react", "name": "lucide-react",
"description": "A Lucide icon library package for React applications", "description": "A Lucide icon library package for React applications",
"version": "0.92.0", "version": "0.93.0",
"license": "ISC", "license": "ISC",
"homepage": "https://lucide.dev", "homepage": "https://lucide.dev",
"bugs": "https://github.com/lucide-icons/lucide/issues", "bugs": "https://github.com/lucide-icons/lucide/issues",

View File

@@ -1,7 +1,7 @@
{ {
"name": "lucide-svelte", "name": "lucide-svelte",
"description": "A Lucide icon library package for Svelte applications", "description": "A Lucide icon library package for Svelte applications",
"version": "0.92.0", "version": "0.93.0",
"license": "ISC", "license": "ISC",
"homepage": "https://lucide.dev", "homepage": "https://lucide.dev",
"bugs": "https://github.com/lucide-icons/lucide/issues", "bugs": "https://github.com/lucide-icons/lucide/issues",

View File

@@ -1,6 +1,6 @@
{ {
"name": "lucide-vue-next", "name": "lucide-vue-next",
"version": "0.92.0", "version": "0.93.0",
"author": "Eric Fennis", "author": "Eric Fennis",
"description": "A Lucide icon library package for Vue 3 applications", "description": "A Lucide icon library package for Vue 3 applications",
"license": "ISC", "license": "ISC",

View File

@@ -1,6 +1,6 @@
{ {
"name": "lucide-vue", "name": "lucide-vue",
"version": "0.92.0", "version": "0.93.0",
"author": "Eric Fennis", "author": "Eric Fennis",
"description": "A Lucide icon library package for Vue 2 applications", "description": "A Lucide icon library package for Vue 2 applications",
"license": "ISC", "license": "ISC",

View File

@@ -1,7 +1,7 @@
{ {
"name": "lucide", "name": "lucide",
"description": "A Lucide icon library package for web and javascript applications.", "description": "A Lucide icon library package for web and javascript applications.",
"version": "0.92.0", "version": "0.93.0",
"license": "ISC", "license": "ISC",
"homepage": "https://lucide.dev", "homepage": "https://lucide.dev",
"bugs": "https://github.com/lucide-icons/lucide/issues", "bugs": "https://github.com/lucide-icons/lucide/issues",

7650
pnpm-lock.yaml generated

File diff suppressed because it is too large Load Diff

View File

@@ -16,8 +16,6 @@
}, },
"dependencies": { "dependencies": {
"@chakra-ui/react": "1.8.8", "@chakra-ui/react": "1.8.8",
"@emotion/react": "^11",
"@emotion/styled": "^11",
"@mdx-js/loader": "^1.6.22", "@mdx-js/loader": "^1.6.22",
"@mdx-js/react": "^1.6.22", "@mdx-js/react": "^1.6.22",
"@next/mdx": "^11.0.0", "@next/mdx": "^11.0.0",

View File

@@ -1,6 +1,5 @@
import { Button, Flex, Link, WrapItem, Text, Wrap, Heading } from '@chakra-ui/react'; import { Button, Flex, Link, WrapItem, Text, Wrap, Heading } from '@chakra-ui/react';
import download from 'downloadjs'; import download from 'downloadjs';
import JSZip from 'jszip';
import { Download, Github } from 'lucide-react'; import { Download, Github } from 'lucide-react';
import NextLink from 'next/link'; import NextLink from 'next/link';
import { IconCustomizerDrawer } from './IconCustomizerDrawer'; import { IconCustomizerDrawer } from './IconCustomizerDrawer';
@@ -20,6 +19,8 @@ import { IconEntity } from '../types';
type IconContent = [icon: string, src:string]; type IconContent = [icon: string, src:string];
async function generateZip(icons: IconContent[]) { async function generateZip(icons: IconContent[]) {
const JSZip = (await import('jszip')).default
const zip = new JSZip(); const zip = new JSZip();
const addingZipPromises = icons.map(([name, src]) => const addingZipPromises = icons.map(([name, src]) =>
@@ -73,6 +74,12 @@ const Header = ({ data }: HeaderProps) => {
href: '/docs/lucide-react', href: '/docs/lucide-react',
label: 'Lucide documentation for React', label: 'Lucide documentation for React',
}, },
{
name: 'lucide-react-native',
Logo: ReactLogo,
href: '/docs/lucide-react-native',
label: 'Lucide documentation for React Native',
},
{ {
name: 'lucide-vue', name: 'lucide-vue',
Logo: VueLogo, Logo: VueLogo,

View File

@@ -87,7 +87,7 @@ const Package = ({ name, description, icon, shields, source, documentation }: Pa
<Text mb={3}>{description}</Text> <Text mb={3}>{description}</Text>
<ButtonGroup spacing={2}> <ButtonGroup spacing={2}>
{shields.map(({ alt, src, href }, index) => ( {shields.map(({ alt, src, href }, index) => (
<Link href={href} passHref> <Link key={index} href={href} passHref>
<a target="_blank"> <a target="_blank">
{/* eslint-disable-next-line @next/next/no-img-element */} {/* eslint-disable-next-line @next/next/no-img-element */}
<img {...{ alt, src }} key={index} /> <img {...{ alt, src }} key={index} />

View File

@@ -76,6 +76,10 @@ const docsMenuTree = [
title: 'Lucide React', title: 'Lucide React',
href: 'lucide-react' href: 'lucide-react'
}, },
{
title: 'Lucide React Native',
href: 'lucide-react-native'
},
{ {
title: 'Lucide Vue', title: 'Lucide Vue',
href: 'lucide-vue' href: 'lucide-vue'

View File

@@ -11,7 +11,7 @@ const IGNORE_COMMIT_MESSAGES = ['fork', 'optimize'];
function getContentHashOfFile(path) { function getContentHashOfFile(path) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
const hash = crypto.createHash('md4'); const hash = crypto.createHash('sha256');
const stream = fs.createReadStream(path); const stream = fs.createReadStream(path);
stream.on('error', err => reject(err)); stream.on('error', err => reject(err));
stream.on('data', chunk => hash.update(chunk)); stream.on('data', chunk => hash.update(chunk));

View File

@@ -23,14 +23,18 @@ const PackagesPage = ({ packages, thirdPartyPackages }: PackagesPageProps): JSX.
Packages Packages
</Heading> </Heading>
<Stack spacing={8} align="center"> <Stack spacing={8} align="center">
{packages.length ? packages.map(packageItem => <Package {...packageItem} />) : null} {packages.length
? packages.map((packageItem) => <Package key={packageItem.name} {...packageItem} />)
: null}
</Stack> </Stack>
<Heading as="h1" marginBottom={6} marginTop={12} textAlign="center"> <Heading as="h1" marginBottom={6} marginTop={12} textAlign="center">
Third party packages Third party packages
</Heading> </Heading>
<Stack spacing={8} marginBottom={6} align="center"> <Stack spacing={8} marginBottom={6} align="center">
{thirdPartyPackages.length ? thirdPartyPackages.map(packageItem => <Package {...packageItem} />) : null} {thirdPartyPackages.length
? thirdPartyPackages.map((packageItem) => (<Package key={packageItem.name} {...packageItem} />))
: null}
</Stack> </Stack>
</Layout> </Layout>
</HeadingNavigationProvider> </HeadingNavigationProvider>

111
tags.json
View File

@@ -763,6 +763,12 @@
"chromecast", "chromecast",
"airplay" "airplay"
], ],
"cat": [
"animal",
"pet",
"kitten",
"feline"
],
"check": [ "check": [
"done" "done"
], ],
@@ -845,7 +851,8 @@
"vertical" "vertical"
], ],
"chrome": [ "chrome": [
"browser" "browser",
"logo"
], ],
"cigarette": [ "cigarette": [
"smoking" "smoking"
@@ -857,7 +864,8 @@
"circle": [ "circle": [
"off", "off",
"zero", "zero",
"record" "record",
"shape"
], ],
"circle-dot": [ "circle-dot": [
"pending", "pending",
@@ -875,7 +883,8 @@
"zero", "zero",
"Ø", "Ø",
"null", "null",
"nothing" "nothing",
"maths"
], ],
"citrus": [ "citrus": [
"lemon", "lemon",
@@ -1239,7 +1248,8 @@
"square", "square",
"rectangle", "rectangle",
"oblique", "oblique",
"rhombus" "rhombus",
"shape"
], ],
"dice-1": [ "dice-1": [
"dice", "dice",
@@ -1301,7 +1311,8 @@
"difference", "difference",
"plus", "plus",
"minus", "minus",
"plus-minus" "plus-minus",
"maths"
], ],
"disc": [ "disc": [
"album", "album",
@@ -1310,13 +1321,23 @@
"music" "music"
], ],
"divide": [ "divide": [
"calculate" "calculate",
"maths"
], ],
"divide-circle": [ "divide-circle": [
"calculate" "calculate",
"maths"
], ],
"divide-square": [ "divide-square": [
"calculate" "calculate",
"maths"
],
"dog": [
"animal",
"pet",
"puppy",
"hound",
"canine"
], ],
"dollar-sign": [ "dollar-sign": [
"currency", "currency",
@@ -1379,11 +1400,13 @@
"breakfast" "breakfast"
], ],
"equal": [ "equal": [
"calculate" "calculate",
"maths"
], ],
"equal-not": [ "equal-not": [
"calculate", "calculate",
"off" "off",
"maths"
], ],
"eraser": [ "eraser": [
"pencil", "pencil",
@@ -1996,7 +2019,8 @@
"function-square": [ "function-square": [
"programming", "programming",
"code", "code",
"automation" "automation",
"maths"
], ],
"joystick": [ "joystick": [
"game", "game",
@@ -2272,7 +2296,8 @@
"infinity": [ "infinity": [
"unlimited", "unlimited",
"forever", "forever",
"loop" "loop",
"maths"
], ],
"info": [ "info": [
"help" "help"
@@ -2287,6 +2312,7 @@
], ],
"instagram": [ "instagram": [
"logo", "logo",
"social",
"camera" "camera"
], ],
"italic": [ "italic": [
@@ -2451,7 +2477,7 @@
], ],
"linkedin": [ "linkedin": [
"logo", "logo",
"social media" "social"
], ],
"list": [ "list": [
"options" "options"
@@ -2771,15 +2797,18 @@
], ],
"minus": [ "minus": [
"subtract", "subtract",
"calculate" "calculate",
"maths"
], ],
"minus-circle": [ "minus-circle": [
"subtract", "subtract",
"calculate" "calculate",
"maths"
], ],
"minus-square": [ "minus-square": [
"subtract", "subtract",
"calculate" "calculate",
"maths"
], ],
"monitor": [ "monitor": [
"tv", "tv",
@@ -2915,7 +2944,8 @@
"headline" "headline"
], ],
"octagon": [ "octagon": [
"stop" "stop",
"shape"
], ],
"option": [ "option": [
"key", "key",
@@ -3103,15 +3133,18 @@
], ],
"plus": [ "plus": [
"add", "add",
"new" "new",
"maths"
], ],
"plus-circle": [ "plus-circle": [
"add", "add",
"new" "new",
"maths"
], ],
"plus-square": [ "plus-square": [
"add", "add",
"new" "new",
"maths"
], ],
"pocket": [ "pocket": [
"logo", "logo",
@@ -3169,13 +3202,15 @@
"rectangle", "rectangle",
"aspect ratio", "aspect ratio",
"16:9", "16:9",
"horizontal" "horizontal",
"shape"
], ],
"rectangle-vertical": [ "rectangle-vertical": [
"rectangle", "rectangle",
"aspect ratio", "aspect ratio",
"9:16", "9:16",
"vertical" "vertical",
"shape"
], ],
"recycle": [ "recycle": [
"sustainability", "sustainability",
@@ -3211,7 +3246,8 @@
], ],
"regex": [ "regex": [
"search", "search",
"text" "text",
"code"
], ],
"repeat": [ "repeat": [
"loop", "loop",
@@ -3479,7 +3515,8 @@
], ],
"sigma": [ "sigma": [
"sum", "sum",
"calculate" "calculate",
"maths"
], ],
"signal": [ "signal": [
"connection", "connection",
@@ -3644,7 +3681,8 @@
"square": [ "square": [
"rectangle", "rectangle",
"aspect ratio", "aspect ratio",
"1:1" "1:1",
"shape"
], ],
"star": [ "star": [
"bookmark", "bookmark",
@@ -3958,7 +3996,9 @@
"park", "park",
"nature" "nature"
], ],
"trello": [], "trello": [
"logo"
],
"trending-down": [ "trending-down": [
"statistics" "statistics"
], ],
@@ -3966,7 +4006,8 @@
"statistics" "statistics"
], ],
"triangle": [ "triangle": [
"delta" "delta",
"shape"
], ],
"trophy": [ "trophy": [
"prize", "prize",
@@ -3993,7 +4034,8 @@
"display" "display"
], ],
"twitch": [ "twitch": [
"logo" "logo",
"social"
], ],
"twitter": [ "twitter": [
"logo", "logo",
@@ -4237,7 +4279,8 @@
"delete", "delete",
"remove", "remove",
"times", "times",
"clear" "clear",
"maths"
], ],
"x-circle": [ "x-circle": [
"cancel", "cancel",
@@ -4245,7 +4288,8 @@
"delete", "delete",
"remove", "remove",
"times", "times",
"clear" "clear",
"maths"
], ],
"x-octagon": [ "x-octagon": [
"delete", "delete",
@@ -4253,7 +4297,8 @@
"alert", "alert",
"warning", "warning",
"times", "times",
"clear" "clear",
"maths"
], ],
"x-square": [ "x-square": [
"cancel", "cancel",
@@ -4261,10 +4306,12 @@
"delete", "delete",
"remove", "remove",
"times", "times",
"clear" "clear",
"maths"
], ],
"youtube": [ "youtube": [
"logo", "logo",
"social",
"video", "video",
"play" "play"
], ],