Merge branch 'main' into dependabot/npm_and_yarn/react-native-deps-06643af157
55
icons/audio-lines-x.json
Normal 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
@@ -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 |
@@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -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 |
@@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -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
@@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -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
@@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -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 |
@@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -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 |
@@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -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 |
@@ -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"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -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 |
@@ -1,18 +0,0 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"contributors": [
|
||||
"karsa-mistmere",
|
||||
"ericfennis"
|
||||
],
|
||||
"use-cases": [],
|
||||
"tags": [
|
||||
"emoji",
|
||||
"face",
|
||||
"happy",
|
||||
"good",
|
||||
"emotion"
|
||||
],
|
||||
"categories": [
|
||||
"emoji"
|
||||
]
|
||||
}
|
||||
35
icons/layer-arrow-down.json
Normal 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"
|
||||
]
|
||||
}
|
||||
16
icons/layer-arrow-down.svg
Normal 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
@@ -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
@@ -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 |
36
icons/layers-arrow-down.json
Normal 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"
|
||||
]
|
||||
}
|
||||
17
icons/layers-arrow-down.svg
Normal 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 |
37
icons/layers-arrow-up.json
Normal 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
@@ -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 |
@@ -1,19 +0,0 @@
|
||||
{
|
||||
"$schema": "../icon.schema.json",
|
||||
"contributors": [
|
||||
"colebemis",
|
||||
"csandman",
|
||||
"mittalyashu",
|
||||
"ericfennis"
|
||||
],
|
||||
"use-cases": [],
|
||||
"tags": [
|
||||
"emoji",
|
||||
"face",
|
||||
"neutral",
|
||||
"emotion"
|
||||
],
|
||||
"categories": [
|
||||
"emoji"
|
||||
]
|
||||
}
|
||||
@@ -39,8 +39,7 @@
|
||||
{
|
||||
"name": "podcast",
|
||||
"deprecated": true,
|
||||
"deprecationReason": "alias.name",
|
||||
"toBeRemovedInVersion": "v1.0"
|
||||
"deprecationReason": "alias.name"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
15
lab/chinese-character.json
Normal 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
@@ -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 |
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
`;
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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', () => {
|
||||
|
||||
@@ -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>
|
||||
`;
|
||||
|
||||
@@ -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>
|
||||
`;
|
||||
|
||||
@@ -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', () => {
|
||||
|
||||
@@ -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));
|
||||
|
||||
@@ -110,7 +110,6 @@ export default async function generateAliasesFiles({
|
||||
? deprecationReasonTemplate(alias.deprecationReason, {
|
||||
componentName: toPascalCase(iconName),
|
||||
iconName,
|
||||
toBeRemovedInVersion: alias.toBeRemovedInVersion,
|
||||
})
|
||||
: '';
|
||||
|
||||
|
||||
@@ -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,
|
||||
})
|
||||
: '';
|
||||
|
||||
|
||||
@@ -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[];
|
||||
|
||||
@@ -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}`);
|
||||
}
|
||||
|
||||