Merge branch 'main' into dependabot/npm_and_yarn/react-native-deps-06643af157

This commit is contained in:
Eric Fennis
2026-08-06 22:37:36 +02:00
committed by GitHub
44 changed files with 691 additions and 437 deletions

55
icons/audio-lines-x.json Normal file
View File

@@ -0,0 +1,55 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"danielbayley",
"karsa-mistmere"
],
"use-cases": [
"indicating muted, blocked, or unavailable audio playback",
"showing that an audio track, waveform, or signal has been removed",
"marking controls that disable sound, music, voice, or broadcast output",
"representing cancelled recording, paused monitoring, or silenced audio analysis",
"identifying error states for sound processing, voice activity, or media levels",
"showing a device's speaker or system volume is turned off",
"indicating a user's microphone or input is muted",
"signaling muted notifications or alerts",
"representing muted voice chat in conferencing or multiplayer games"
],
"tags": [
"sound",
"noise",
"mute",
"silence",
"disabled",
"cancel",
"remove",
"unavailable",
"listen",
"hearing",
"equalizer",
"equaliser",
"hertz",
"frequency",
"wavelength",
"vibrate",
"sine",
"waveform",
"synthesizer",
"synthesiser",
"levels",
"track",
"music",
"playback",
"radio",
"broadcast",
"airwaves",
"voice",
"vocals",
"singer",
"song"
],
"categories": [
"multimedia",
"communication"
]
}

20
icons/audio-lines-x.svg Normal file
View File

@@ -0,0 +1,20 @@
<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 3v18" />
<path d="M14 8v6.35" />
<path d="m17 17 5 5" />
<path d="M18 5v8.1" />
<path d="M2 10v3" />
<path d="M22 10v3" />
<path d="m22 17-5 5" />
<path d="M6 6v11" />
</svg>

After

Width:  |  Height:  |  Size: 405 B

View File

@@ -6,12 +6,23 @@
],
"use-cases": [],
"tags": [
"emoji",
"anger",
"face",
"rage",
"fury",
"resentment",
"irritation",
"disgust",
"emoji",
"emotion"
],
"categories": [
"emoji"
],
"aliases": [
{
"name": "angry",
"deprecated": true,
"deprecationReason": "alias.name"
}
]
}

View File

@@ -9,8 +9,10 @@
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M15 11V9.416" />
<path d="M17 9a5 5 0 00-3 1" />
<path d="M7 9a5 5 0 013 1" />
<path d="M9 11V9.416" />
<path d="M9 16a5 5 0 016.001 0" />
<circle cx="12" cy="12" r="10" />
<path d="M18 13a6 6 0 0 1-6 5 6 6 0 0 1-6-5h12Z" />
<line x1="9" x2="9.01" y1="9" y2="9" />
<line x1="15" x2="15.01" y1="9" y2="9" />
</svg>

Before

Width:  |  Height:  |  Size: 384 B

After

Width:  |  Height:  |  Size: 402 B

View File

@@ -5,12 +5,21 @@
],
"use-cases": [],
"tags": [
"emoji",
"nuisance",
"face",
"annoyed",
"annoyance",
"frustration",
"emoji",
"emotion"
],
"categories": [
"emoji"
],
"aliases": [
{
"name": "annoyed",
"deprecated": true,
"deprecationReason": "alias.name"
}
]
}

View File

@@ -9,8 +9,8 @@
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M14 10h2" />
<path d="M8 10h2" />
<path d="M8 16h8" />
<circle cx="12" cy="12" r="10" />
<path d="M8 15h8" />
<path d="M8 9h2" />
<path d="M14 9h2" />
</svg>

Before

Width:  |  Height:  |  Size: 312 B

After

Width:  |  Height:  |  Size: 314 B

31
icons/face-grinning.json Normal file
View File

@@ -0,0 +1,31 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"karsa-mistmere",
"ericfennis"
],
"use-cases": [],
"tags": [
"happy",
"happiness",
"good",
"laugh",
"broad smile",
"pleasure",
"good cheer",
"humour",
"funny",
"emoji",
"emotion"
],
"categories": [
"emoji"
],
"aliases": [
{
"name": "laugh",
"deprecated": true,
"deprecationReason": "alias.name"
}
]
}

View File

@@ -9,10 +9,8 @@
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M15 10V9" />
<path d="M7.084 14.302a5.12 5.12 0 009.833 0 .24.24 0 00-.235-.302H7.32a.24.24 0 00-.235.302" />
<path d="M9 10V9" />
<circle cx="12" cy="12" r="10" />
<path d="M16 16s-1.5-2-4-2-4 2-4 2" />
<path d="M7.5 8 10 9" />
<path d="m14 9 2.5-1" />
<path d="M9 10h.01" />
<path d="M15 10h.01" />
</svg>

Before

Width:  |  Height:  |  Size: 390 B

After

Width:  |  Height:  |  Size: 390 B

31
icons/face-neutral.json Normal file
View File

@@ -0,0 +1,31 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"colebemis",
"csandman",
"mittalyashu",
"ericfennis"
],
"use-cases": [],
"tags": [
"emoji",
"neutral",
"emotion",
"meh",
"blank stare",
"social masking",
"irritation",
"concern",
"deadpan"
],
"categories": [
"emoji"
],
"aliases": [
{
"name": "meh",
"deprecated": true,
"deprecationReason": "alias.name"
}
]
}

View File

@@ -9,8 +9,8 @@
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M15 10V9" />
<path d="M8 16h8" />
<path d="M9 10V9" />
<circle cx="12" cy="12" r="10" />
<path d="M8 14s1.5 2 4 2 4-2 4-2" />
<line x1="9" x2="9.01" y1="9" y2="9" />
<line x1="15" x2="15.01" y1="9" y2="9" />
</svg>

Before

Width:  |  Height:  |  Size: 369 B

After

Width:  |  Height:  |  Size: 314 B

View File

@@ -9,13 +9,21 @@
"use-cases": [],
"tags": [
"emoji",
"face",
"bad",
"sad",
"emotion"
"sadness",
"emotion",
"concern",
"disappointment"
],
"categories": [
"emoji",
"account"
],
"aliases": [
{
"name": "frown",
"deprecated": true,
"deprecationReason": "alias.name"
}
]
}

View File

@@ -9,8 +9,8 @@
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M15 10V9" />
<path d="M9 10V9" />
<path d="M9 16a5 5 0 016 0" />
<circle cx="12" cy="12" r="10" />
<path d="M16 16s-1.5-2-4-2-4 2-4 2" />
<line x1="9" x2="9.01" y1="9" y2="9" />
<line x1="15" x2="15.01" y1="9" y2="9" />
</svg>

Before

Width:  |  Height:  |  Size: 371 B

After

Width:  |  Height:  |  Size: 324 B

View File

@@ -6,19 +6,26 @@
],
"use-cases": [],
"tags": [
"emoji",
"face",
"smile",
"happy",
"good",
"emotion",
"react",
"reaction",
"add"
"emoji",
"add",
"emotion"
],
"categories": [
"emoji",
"social",
"notifications",
"communication"
],
"aliases": [
{
"name": "smile-plus",
"deprecated": true,
"deprecationReason": "alias.name"
}
]
}

View File

@@ -9,10 +9,10 @@
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M22 11v1a10 10 0 1 1-9-10" />
<path d="M8 14s1.5 2 4 2 4-2 4-2" />
<line x1="9" x2="9.01" y1="9" y2="9" />
<line x1="15" x2="15.01" y1="9" y2="9" />
<path d="M13.267 2.08a10 10 0 108.653 8.653" />
<path d="M15 10V9" />
<path d="M16 5h6" />
<path d="M16.472 15a6 6 0 01-8.943 0" />
<path d="M19 2v6" />
<path d="M9 10V9" />
</svg>

Before

Width:  |  Height:  |  Size: 420 B

After

Width:  |  Height:  |  Size: 394 B

View File

@@ -8,14 +8,27 @@
],
"use-cases": [],
"tags": [
"emoji",
"face",
"smile",
"happy",
"happiness",
"good",
"positive",
"friendly",
"patronizing",
"passive aggressive",
"ironic",
"emoji",
"emotion"
],
"categories": [
"emoji",
"account"
],
"aliases": [
{
"name": "smile",
"deprecated": true,
"deprecationReason": "alias.name"
}
]
}

View File

@@ -9,8 +9,8 @@
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M15 10V9" />
<path d="M16.472 15a6 6 0 01-8.943 0" />
<path d="M9 10V9" />
<circle cx="12" cy="12" r="10" />
<line x1="8" x2="16" y1="15" y2="15" />
<line x1="9" x2="9.01" y1="9" y2="9" />
<line x1="15" x2="15.01" y1="9" y2="9" />
</svg>

Before

Width:  |  Height:  |  Size: 372 B

After

Width:  |  Height:  |  Size: 334 B

View File

@@ -1,18 +0,0 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"karsa-mistmere",
"ericfennis"
],
"use-cases": [],
"tags": [
"emoji",
"face",
"happy",
"good",
"emotion"
],
"categories": [
"emoji"
]
}

View File

@@ -0,0 +1,35 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"colebemis",
"danielbayley",
"jguddas",
"karsa-mistmere"
],
"use-cases": [
"lowering a selected layer by one step",
"moving an item backward in layer order"
],
"tags": [
"move back",
"backward",
"lower",
"demote",
"step back",
"behind",
"reorder",
"arrange",
"layer",
"layers",
"stack",
"stacking",
"z-index",
"depth",
"graphics",
"design"
],
"categories": [
"design",
"layout"
]
}

View File

@@ -0,0 +1,16 @@
<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="M12 10v10" />
<path d="M22 10a1 1 0 01-.59.92l-5.077 2.308" />
<path d="M22.017 10.005a1 1 0 00-.597-.916l-8.59-3.91a2 2 0 00-1.66.001L2.6 9.08a1 1 0 00-.02 1.831l5.093 2.316" />
<path d="m9 17 3 3 3-3" />
</svg>

After

Width:  |  Height:  |  Size: 431 B

34
icons/layer-arrow-up.json Normal file
View File

@@ -0,0 +1,34 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"colebemis",
"danielbayley",
"jguddas",
"karsa-mistmere"
],
"use-cases": [
"raising a selected layer by one step",
"moving an item forward in layer order"
],
"tags": [
"move forward",
"forward",
"raise",
"lift",
"promote",
"advance",
"step forward",
"reorder",
"arrange",
"stack",
"stacking",
"z-index",
"depth",
"graphics",
"design"
],
"categories": [
"design",
"layout"
]
}

15
icons/layer-arrow-up.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="M12 14V4" />
<path d="M7.674 10.774 2.58 13.09a1 1 0 000 1.822l8.6 3.91a2 2 0 001.65 0l8.58-3.9a1 1 0 00.59-.92 1 1 0 00-.59-.922l-5.078-2.308" />
<path d="m9 7 3-3 3 3" />
</svg>

After

Width:  |  Height:  |  Size: 396 B

View File

@@ -0,0 +1,36 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"colebemis",
"danielbayley",
"jguddas",
"karsa-mistmere"
],
"use-cases": [
"sending a selected object to the back of a stack",
"moving an item behind all others in layer order"
],
"tags": [
"send to back",
"send backward",
"back",
"background",
"bottom",
"bottommost",
"lower",
"demote",
"behind",
"reorder",
"arrange",
"stack",
"stacking",
"z-index",
"depth",
"graphics",
"design"
],
"categories": [
"design",
"layout"
]
}

View File

@@ -0,0 +1,17 @@
<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="M12 7v15" />
<path d="M2 12a1 1 0 00.58.91l5.093 2.316" />
<path d="M22 12a1 1 0 01-.59.92l-5.077 2.308" />
<path d="M8 10.37 2.6 7.91a1 1 0 010-1.831l8.57-3.9a2 2 0 011.66.001l8.59 3.91a1 1 0 010 1.831l-5.392 2.45" />
<path d="m9 19 3 3 3-3" />
</svg>

After

Width:  |  Height:  |  Size: 473 B

View File

@@ -0,0 +1,37 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"colebemis",
"danielbayley",
"jguddas",
"karsa-mistmere"
],
"use-cases": [
"bringing a selected object to the front of a stack",
"moving an item in front of all others in layer order"
],
"tags": [
"bring to front",
"bring forward",
"front",
"foreground",
"top",
"topmost",
"raise",
"lift",
"promote",
"reorder",
"arrange",
"stack",
"stacking",
"z-index",
"depth",
"graphics",
"design"
],
"categories": [
"design",
"layout",
"arrows"
]
}

16
icons/layers-arrow-up.svg Normal file
View File

@@ -0,0 +1,16 @@
<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="M12 12V2" />
<path d="M2 17.002a1 1 0 00.58.91l8.6 3.91a2 2 0 001.65 0l8.58-3.9a1 1 0 00.59-.92" />
<path d="M7.674 8.774 2.58 11.09a1 1 0 000 1.822l8.6 3.91a2 2 0 001.65 0l8.58-3.9a1 1 0 00.59-.92 1 1 0 00-.59-.922l-5.078-2.308" />
<path d="m9 5 3-3 3 3" />
</svg>

After

Width:  |  Height:  |  Size: 484 B

View File

@@ -1,19 +0,0 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"colebemis",
"csandman",
"mittalyashu",
"ericfennis"
],
"use-cases": [],
"tags": [
"emoji",
"face",
"neutral",
"emotion"
],
"categories": [
"emoji"
]
}

View File

@@ -39,8 +39,7 @@
{
"name": "podcast",
"deprecated": true,
"deprecationReason": "alias.name",
"toBeRemovedInVersion": "v1.0"
"deprecationReason": "alias.name"
}
]
}

View File

@@ -0,0 +1,15 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"congemcd",
"rrod497"
],
"tags": [
"text",
"language",
"chinese"
],
"categories": [
"text"
]
}

16
lab/chinese-character.svg Normal file
View File

@@ -0,0 +1,16 @@
<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="M11.5 2L12.5 5" />
<path d="M4 15H20" />
<path d="M4 8L4 7C4 5.89543 4.89543 5 6 5L18 5C19.1046 5 20 5.89543 20 7L20 8" />
<path d="M8 9H15.5746C16.0472 9 16.256 9.59518 15.887 9.89043L13.1259 12.0993C12.4143 12.6686 12 13.5305 12 14.4419V20C12 21.1046 11.1046 22 10 22H9" />
</svg>

After

Width:  |  Height:  |  Size: 501 B

View File

@@ -12,27 +12,19 @@ exports[`Using lucide icon components > should add a non-default attribute to th
stroke-linejoin="round"
aria-hidden="true"
style="position: absolute"
class="lucide lucide-smile"
class="lucide lucide-face-slightly-smiling"
>
<path d="M15 10V9">
</path>
<path d="M16.472 15a6 6 0 01-8.943 0">
</path>
<path d="M9 10V9">
</path>
<circle cx="12"
cy="12"
r="10"
>
</circle>
<path d="M8 14s1.5 2 4 2 4-2 4-2">
</path>
<line x1="9"
x2="9.01"
y1="9"
y2="9"
>
</line>
<line x1="15"
x2="15.01"
y1="9"
y2="9"
>
</line>
</svg>
`;
@@ -127,27 +119,19 @@ exports[`Using lucide icon components > should pass children to the icon slot 1`
stroke-linecap="round"
stroke-linejoin="round"
aria-hidden="true"
class="lucide lucide-smile"
class="lucide lucide-face-slightly-smiling"
>
<path d="M15 10V9">
</path>
<path d="M16.472 15a6 6 0 01-8.943 0">
</path>
<path d="M9 10V9">
</path>
<circle cx="12"
cy="12"
r="10"
>
</circle>
<path d="M8 14s1.5 2 4 2 4-2 4-2">
</path>
<line x1="9"
x2="9.01"
y1="9"
y2="9"
>
</line>
<line x1="15"
x2="15.01"
y1="9"
y2="9"
>
</line>
<p>
Hello World
</p>

View File

@@ -10,27 +10,19 @@ exports[`Using dynamicImports > should render icons dynamically by using the dyn
stroke-width="1"
stroke-linecap="round"
stroke-linejoin="round"
class="lucide lucide-smile"
class="lucide lucide-face-slightly-smiling"
aria-label="smile"
>
<path d="M15 10V9">
</path>
<path d="M16.472 15a6 6 0 01-8.943 0">
</path>
<path d="M9 10V9">
</path>
<circle cx="12"
cy="12"
r="10"
>
</circle>
<path d="M8 14s1.5 2 4 2 4-2 4-2">
</path>
<line x1="9"
x2="9.01"
y1="9"
y2="9"
>
</line>
<line x1="15"
x2="15.01"
y1="9"
y2="9"
>
</line>
</svg>
`;

View File

@@ -1,5 +1,5 @@
<script lang="ts">
import Smile from '../src/icons/smile.svelte';
import FaceSlightlySmiling from '../src/icons/face-slightly-smiling.svelte';
import { setLucideProps } from '../src/lucide-svelte.js';
setLucideProps({
@@ -10,6 +10,6 @@
});
</script>
<Smile aria-label="smile">
<FaceSlightlySmiling aria-label="smile">
<text>Test</text>
</Smile>
</FaceSlightlySmiling>

View File

@@ -1,10 +1,10 @@
<script lang="ts">
import Smile from '../src/icons/smile.svelte';
import FaceSlightlySmiling from '../src/icons/face-slightly-smiling.svelte';
import type { IconProps } from '../src/types.js';
const props: IconProps = $props();
</script>
<Smile {...props}>
<FaceSlightlySmiling {...props}>
<text>Test</text>
</Smile>
</FaceSlightlySmiling>

View File

@@ -1,10 +1,10 @@
<script lang="ts">
import Smile from '../src/icons/smile.svelte';
import FaceSlightlySmiling from '../src/icons/face-slightly-smiling.svelte';
import type { IconProps } from '../src/types.js';
const props: IconProps = $props();
</script>
<Smile {...props}>
<FaceSlightlySmiling {...props}>
<title>Air conditioning</title>
</Smile>
</FaceSlightlySmiling>

View File

@@ -3,7 +3,7 @@
exports[`Using lucide icon components > should add a class to the element 1`] = `
<svg
aria-hidden="true"
class="lucide-icon lucide lucide-smile my-icon"
class="lucide-icon lucide lucide-face-slightly-smiling my-icon"
fill="none"
height="24"
stroke="currentColor"
@@ -14,6 +14,27 @@ exports[`Using lucide icon components > should add a class to the element 1`] =
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<!---->
<path
d="M15 10V9"
>
</path>
<!---->
<path
d="M16.472 15a6 6 0 01-8.943 0"
>
</path>
<!---->
<path
d="M9 10V9"
>
</path>
<!---->
<circle
cx="12"
@@ -23,33 +44,6 @@ exports[`Using lucide icon components > should add a class to the element 1`] =
</circle>
<!---->
<path
d="M8 14s1.5 2 4 2 4-2 4-2"
>
</path>
<!---->
<line
x1="9"
x2="9.01"
y1="9"
y2="9"
>
</line>
<!---->
<line
x1="15"
x2="15.01"
y1="9"
y2="9"
>
</line>
<!---->
<!---->
</svg>
@@ -59,7 +53,7 @@ exports[`Using lucide icon components > should adjust the size, stroke color and
<div>
<svg
aria-hidden="true"
class="lucide-icon lucide lucide-smile"
class="lucide-icon lucide lucide-face-slightly-smiling"
fill="none"
height="48"
stroke="red"
@@ -70,6 +64,27 @@ exports[`Using lucide icon components > should adjust the size, stroke color and
width="48"
xmlns="http://www.w3.org/2000/svg"
>
<!---->
<path
d="M15 10V9"
>
</path>
<!---->
<path
d="M16.472 15a6 6 0 01-8.943 0"
>
</path>
<!---->
<path
d="M9 10V9"
>
</path>
<!---->
<circle
cx="12"
@@ -79,33 +94,6 @@ exports[`Using lucide icon components > should adjust the size, stroke color and
</circle>
<!---->
<path
d="M8 14s1.5 2 4 2 4-2 4-2"
>
</path>
<!---->
<line
x1="9"
x2="9.01"
y1="9"
y2="9"
>
</line>
<!---->
<line
x1="15"
x2="15.01"
y1="9"
y2="9"
>
</line>
<!---->
<!---->
</svg>
@@ -124,27 +112,19 @@ exports[`Using lucide icon components > should not scale the strokeWidth when ab
stroke-linecap="round"
stroke-linejoin="round"
aria-hidden="true"
class="lucide-icon lucide lucide-smile"
class="lucide-icon lucide lucide-face-slightly-smiling"
>
<path d="M15 10V9">
</path>
<path d="M16.472 15a6 6 0 01-8.943 0">
</path>
<path d="M9 10V9">
</path>
<circle cx="12"
cy="12"
r="10"
>
</circle>
<path d="M8 14s1.5 2 4 2 4-2 4-2">
</path>
<line x1="9"
x2="9.01"
y1="9"
y2="9"
>
</line>
<line x1="15"
x2="15.01"
y1="9"
y2="9"
>
</line>
</svg>
`;
@@ -152,7 +132,7 @@ exports[`Using lucide icon components > should render an component 1`] = `
<div>
<svg
aria-hidden="true"
class="lucide-icon lucide lucide-smile"
class="lucide-icon lucide lucide-face-slightly-smiling"
fill="none"
height="24"
stroke="currentColor"
@@ -163,6 +143,27 @@ exports[`Using lucide icon components > should render an component 1`] = `
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<!---->
<path
d="M15 10V9"
>
</path>
<!---->
<path
d="M16.472 15a6 6 0 01-8.943 0"
>
</path>
<!---->
<path
d="M9 10V9"
>
</path>
<!---->
<circle
cx="12"
@@ -172,33 +173,6 @@ exports[`Using lucide icon components > should render an component 1`] = `
</circle>
<!---->
<path
d="M8 14s1.5 2 4 2 4-2 4-2"
>
</path>
<!---->
<line
x1="9"
x2="9.01"
y1="9"
y2="9"
>
</line>
<!---->
<line
x1="15"
x2="15.01"
y1="9"
y2="9"
>
</line>
<!---->
<!---->
</svg>
@@ -209,7 +183,7 @@ exports[`Using lucide icon components > should render an component 1`] = `
exports[`Using lucide icon components > should render an icon slot 1`] = `
<div>
<svg
class="lucide-icon lucide lucide-smile"
class="lucide-icon lucide lucide-face-slightly-smiling"
fill="none"
height="24"
stroke="currentColor"
@@ -220,6 +194,27 @@ exports[`Using lucide icon components > should render an icon slot 1`] = `
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<!---->
<path
d="M15 10V9"
>
</path>
<!---->
<path
d="M16.472 15a6 6 0 01-8.943 0"
>
</path>
<!---->
<path
d="M9 10V9"
>
</path>
<!---->
<circle
cx="12"
@@ -229,33 +224,6 @@ exports[`Using lucide icon components > should render an icon slot 1`] = `
</circle>
<!---->
<path
d="M8 14s1.5 2 4 2 4-2 4-2"
>
</path>
<!---->
<line
x1="9"
x2="9.01"
y1="9"
y2="9"
>
</line>
<!---->
<line
x1="15"
x2="15.01"
y1="9"
y2="9"
>
</line>
<!---->
<text>
Test

View File

@@ -33,7 +33,7 @@ describe('Using lucide icon components', () => {
expect(IconComponent).toMatchSnapshot();
expect(IconComponent).toHaveClass(testClass);
expect(IconComponent).toHaveClass('lucide');
expect(IconComponent).toHaveClass('lucide-smile');
expect(IconComponent).toHaveClass('lucide-face-slightly-smiling');
});
it('should add a style attribute to the element', () => {

View File

@@ -3,7 +3,7 @@
exports[`Using lucide icon components > should add a class to the element 1`] = `
<div>
<svg
class="lucide lucide-smile-icon lucide-smile my-icon"
class="lucide lucide-face-slightly-smiling-icon lucide-face-slightly-smiling my-icon"
fill="none"
height="24"
stroke="currentColor"
@@ -14,26 +14,20 @@ exports[`Using lucide icon components > should add a class to the element 1`] =
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15 10V9"
/>
<path
d="M16.472 15a6 6 0 01-8.943 0"
/>
<path
d="M9 10V9"
/>
<circle
cx="12"
cy="12"
r="10"
/>
<path
d="M8 14s1.5 2 4 2 4-2 4-2"
/>
<line
x1="9"
x2="9.01"
y1="9"
y2="9"
/>
<line
x1="15"
x2="15.01"
y1="9"
y2="9"
/>
</svg>
</div>
`;
@@ -41,7 +35,7 @@ exports[`Using lucide icon components > should add a class to the element 1`] =
exports[`Using lucide icon components > should add a style attribute to the element 1`] = `
<div>
<svg
class="lucide lucide-smile-icon lucide-smile"
class="lucide lucide-face-slightly-smiling-icon lucide-face-slightly-smiling"
fill="none"
height="24"
stroke="currentColor"
@@ -53,26 +47,20 @@ exports[`Using lucide icon components > should add a style attribute to the elem
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15 10V9"
/>
<path
d="M16.472 15a6 6 0 01-8.943 0"
/>
<path
d="M9 10V9"
/>
<circle
cx="12"
cy="12"
r="10"
/>
<path
d="M8 14s1.5 2 4 2 4-2 4-2"
/>
<line
x1="9"
x2="9.01"
y1="9"
y2="9"
/>
<line
x1="15"
x2="15.01"
y1="9"
y2="9"
/>
</svg>
</div>
`;
@@ -80,7 +68,7 @@ exports[`Using lucide icon components > should add a style attribute to the elem
exports[`Using lucide icon components > should adjust the size, stroke color and stroke width 1`] = `
<div>
<svg
class="lucide lucide-smile-icon lucide-smile"
class="lucide lucide-face-slightly-smiling-icon lucide-face-slightly-smiling"
fill="none"
height="48"
stroke="red"
@@ -91,26 +79,20 @@ exports[`Using lucide icon components > should adjust the size, stroke color and
width="48"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15 10V9"
/>
<path
d="M16.472 15a6 6 0 01-8.943 0"
/>
<path
d="M9 10V9"
/>
<circle
cx="12"
cy="12"
r="10"
/>
<path
d="M8 14s1.5 2 4 2 4-2 4-2"
/>
<line
x1="9"
x2="9.01"
y1="9"
y2="9"
/>
<line
x1="15"
x2="15.01"
y1="9"
y2="9"
/>
</svg>
</div>
`;
@@ -118,7 +100,7 @@ exports[`Using lucide icon components > should adjust the size, stroke color and
exports[`Using lucide icon components > should pass children to the icon slot 1`] = `
<div>
<svg
class="lucide lucide-smile-icon lucide-smile"
class="lucide lucide-face-slightly-smiling-icon lucide-face-slightly-smiling"
fill="none"
height="24"
stroke="currentColor"
@@ -129,26 +111,20 @@ exports[`Using lucide icon components > should pass children to the icon slot 1`
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15 10V9"
/>
<path
d="M16.472 15a6 6 0 01-8.943 0"
/>
<path
d="M9 10V9"
/>
<circle
cx="12"
cy="12"
r="10"
/>
<path
d="M8 14s1.5 2 4 2 4-2 4-2"
/>
<line
x1="9"
x2="9.01"
y1="9"
y2="9"
/>
<line
x1="15"
x2="15.01"
y1="9"
y2="9"
/>
<text>
Hello World
@@ -161,7 +137,7 @@ exports[`Using lucide icon components > should pass children to the icon slot 1`
exports[`Using lucide icon components > should render an component 1`] = `
<div>
<svg
class="lucide lucide-smile-icon lucide-smile"
class="lucide lucide-face-slightly-smiling-icon lucide-face-slightly-smiling"
fill="none"
height="24"
stroke="currentColor"
@@ -172,26 +148,20 @@ exports[`Using lucide icon components > should render an component 1`] = `
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15 10V9"
/>
<path
d="M16.472 15a6 6 0 01-8.943 0"
/>
<path
d="M9 10V9"
/>
<circle
cx="12"
cy="12"
r="10"
/>
<path
d="M8 14s1.5 2 4 2 4-2 4-2"
/>
<line
x1="9"
x2="9.01"
y1="9"
y2="9"
/>
<line
x1="15"
x2="15.01"
y1="9"
y2="9"
/>
</svg>
</div>
`;

View File

@@ -3,7 +3,7 @@
exports[`Using lucide icon components > should add a class to the element 1`] = `
<div>
<svg
class="lucide lucide-smile-icon lucide-smile my-icon"
class="lucide lucide-face-slightly-smiling-icon lucide-face-slightly-smiling my-icon"
fill="none"
height="24"
stroke="currentColor"
@@ -14,26 +14,20 @@ exports[`Using lucide icon components > should add a class to the element 1`] =
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15 10V9"
/>
<path
d="M16.472 15a6 6 0 01-8.943 0"
/>
<path
d="M9 10V9"
/>
<circle
cx="12"
cy="12"
r="10"
/>
<path
d="M8 14s1.5 2 4 2 4-2 4-2"
/>
<line
x1="9"
x2="9.01"
y1="9"
y2="9"
/>
<line
x1="15"
x2="15.01"
y1="9"
y2="9"
/>
</svg>
</div>
`;
@@ -41,7 +35,7 @@ exports[`Using lucide icon components > should add a class to the element 1`] =
exports[`Using lucide icon components > should add a style attribute to the element 1`] = `
<div>
<svg
class="lucide lucide-smile-icon lucide-smile"
class="lucide lucide-face-slightly-smiling-icon lucide-face-slightly-smiling"
fill="none"
height="24"
stroke="currentColor"
@@ -53,26 +47,20 @@ exports[`Using lucide icon components > should add a style attribute to the elem
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15 10V9"
/>
<path
d="M16.472 15a6 6 0 01-8.943 0"
/>
<path
d="M9 10V9"
/>
<circle
cx="12"
cy="12"
r="10"
/>
<path
d="M8 14s1.5 2 4 2 4-2 4-2"
/>
<line
x1="9"
x2="9.01"
y1="9"
y2="9"
/>
<line
x1="15"
x2="15.01"
y1="9"
y2="9"
/>
</svg>
</div>
`;
@@ -80,7 +68,7 @@ exports[`Using lucide icon components > should add a style attribute to the elem
exports[`Using lucide icon components > should adjust the size, stroke color and stroke width 1`] = `
<div>
<svg
class="lucide lucide-smile-icon lucide-smile"
class="lucide lucide-face-slightly-smiling-icon lucide-face-slightly-smiling"
fill="none"
height="48"
stroke="red"
@@ -91,26 +79,20 @@ exports[`Using lucide icon components > should adjust the size, stroke color and
width="48"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15 10V9"
/>
<path
d="M16.472 15a6 6 0 01-8.943 0"
/>
<path
d="M9 10V9"
/>
<circle
cx="12"
cy="12"
r="10"
/>
<path
d="M8 14s1.5 2 4 2 4-2 4-2"
/>
<line
x1="9"
x2="9.01"
y1="9"
y2="9"
/>
<line
x1="15"
x2="15.01"
y1="9"
y2="9"
/>
</svg>
</div>
`;
@@ -118,7 +100,7 @@ exports[`Using lucide icon components > should adjust the size, stroke color and
exports[`Using lucide icon components > should pass children to the icon slot 1`] = `
<div>
<svg
class="lucide lucide-smile-icon lucide-smile"
class="lucide lucide-face-slightly-smiling-icon lucide-face-slightly-smiling"
fill="none"
height="24"
stroke="currentColor"
@@ -129,26 +111,20 @@ exports[`Using lucide icon components > should pass children to the icon slot 1`
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15 10V9"
/>
<path
d="M16.472 15a6 6 0 01-8.943 0"
/>
<path
d="M9 10V9"
/>
<circle
cx="12"
cy="12"
r="10"
/>
<path
d="M8 14s1.5 2 4 2 4-2 4-2"
/>
<line
x1="9"
x2="9.01"
y1="9"
y2="9"
/>
<line
x1="15"
x2="15.01"
y1="9"
y2="9"
/>
<text>
Hello World
@@ -161,7 +137,7 @@ exports[`Using lucide icon components > should pass children to the icon slot 1`
exports[`Using lucide icon components > should render an component 1`] = `
<div>
<svg
class="lucide lucide-smile-icon lucide-smile"
class="lucide lucide-face-slightly-smiling-icon lucide-face-slightly-smiling"
fill="none"
height="24"
stroke="currentColor"
@@ -172,26 +148,20 @@ exports[`Using lucide icon components > should render an component 1`] = `
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15 10V9"
/>
<path
d="M16.472 15a6 6 0 01-8.943 0"
/>
<path
d="M9 10V9"
/>
<circle
cx="12"
cy="12"
r="10"
/>
<path
d="M8 14s1.5 2 4 2 4-2 4-2"
/>
<line
x1="9"
x2="9.01"
y1="9"
y2="9"
/>
<line
x1="15"
x2="15.01"
y1="9"
y2="9"
/>
</svg>
</div>
`;

View File

@@ -59,7 +59,7 @@ describe('Using lucide icon components', () => {
expect(icon).toHaveClass('my-icon');
expect(icon).toHaveClass('lucide');
expect(icon).toHaveClass('lucide-smile-icon');
expect(icon).toHaveClass('lucide-face-slightly-smiling-icon');
});
it('should add a style attribute to the element', () => {

View File

@@ -52,7 +52,6 @@ export async function renameIcon(ICONS_DIR: string, oldName: string, newName: st
name: oldName,
deprecated: true,
deprecationReason: 'alias.name',
toBeRemovedInVersion: 'v1.0',
},
];
fs.writeFileSync(newJsonPath, JSON.stringify(jsonData, null, 2));

View File

@@ -110,7 +110,6 @@ export default async function generateAliasesFiles({
? deprecationReasonTemplate(alias.deprecationReason, {
componentName: toPascalCase(iconName),
iconName,
toBeRemovedInVersion: alias.toBeRemovedInVersion,
})
: '';

View File

@@ -48,16 +48,11 @@ function generateIconFiles({
]);
const getSvg = () => readSvg(`${iconName}.svg`, iconsDir);
const {
deprecated = false,
toBeRemovedInVersion = undefined,
aliases = [],
} = iconMetaData[iconName];
const { deprecated = false, aliases = [] } = iconMetaData[iconName];
const deprecationReason = deprecated
? deprecationReasonTemplate(iconMetaData[iconName].deprecationReason ?? '', {
componentName,
iconName,
toBeRemovedInVersion,
})
: '';

View File

@@ -32,13 +32,11 @@ export type AliasDeprecation = {
name: string;
deprecated: true;
deprecationReason: AliasDeprecationReason;
toBeRemovedInVersion?: string;
};
export type IconDeprecationReason = 'icon.renamed' | '';
export type IconMetadataBase = {
toBeRemovedInVersion?: string;
categories: string[];
aliases?: AliasDeprecation[];
tags: string[];

View File

@@ -4,25 +4,20 @@ export default function deprecationReasonTemplate(
deprecationReason: AliasDeprecationReason | IconDeprecationReason,
{
componentName,
toBeRemovedInVersion,
}: {
componentName: string;
iconName: string;
toBeRemovedInVersion?: string;
},
) {
const resourceName = deprecationReason.startsWith('icon') ? 'icon' : 'alias';
const removalNotice = toBeRemovedInVersion
? ` This ${resourceName} will be removed in ${toBeRemovedInVersion}`
: '';
switch (deprecationReason) {
case 'alias.typo':
return `Renamed because of typo, use {@link ${componentName}} instead.${removalNotice}`;
return `Renamed because of typo, use {@link ${componentName}} instead.`;
case 'alias.duplicate':
return `The icon was combined with another icon that shares the same use case, use {@link ${componentName}} instead.${removalNotice}`;
return `The icon was combined with another icon that shares the same use case, use {@link ${componentName}} instead.`;
case 'alias.name':
return `The name of this icon was changed because it didn't meet our guidelines anymore, use {@link ${componentName}} instead.${removalNotice}`;
return `The name of this icon was changed because it didn't meet our guidelines anymore, use {@link ${componentName}} instead.`;
default:
throw new Error(`Unknown deprecation reason: ${deprecationReason}`);
}