Skip to content

Commit dd39f38

Browse files
Hugos68Hugos68
authored
docs: fix lucide paths (#3401)
1 parent b921f51 commit dd39f38

File tree

61 files changed

+196
-196
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

61 files changed

+196
-196
lines changed

‎playgrounds/skeleton-svelte/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
"@sveltejs/vite-plugin-svelte": "^5.0.3",
1515
"@tailwindcss/forms": "^0.5.10",
1616
"@tailwindcss/vite": "^4.0.12",
17-
"lucide-svelte": "^0.479.0",
17+
"@lucide/svelte": "^0.479.0",
1818
"svelte": "catalog:",
1919
"svelte-check": "^4.1.5",
2020
"tailwindcss": "catalog:",

‎playgrounds/skeleton-svelte/src/routes/+layout.svelte

+2-2
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33
// Components
44
import { ToastProvider, Switch } from '@skeletonlabs/skeleton-svelte';
55
// Icons
6-
import IconMoon from 'lucide-svelte/icons/moon';
7-
import IconSun from 'lucide-svelte/icons/sun';
6+
import IconMoon from '@lucide/svelte/icons/moon';
7+
import IconSun from '@lucide/svelte/icons/sun';
88
99
let { children } = $props();
1010
let modeState = $state(false); // false = dark mode

‎playgrounds/skeleton-svelte/src/routes/components/accordions/+page.svelte

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
<script lang="ts">
22
import { Accordion } from '@skeletonlabs/skeleton-svelte';
33
// Icons
4-
import Club from 'lucide-svelte/icons/club';
5-
import Diamond from 'lucide-svelte/icons/diamond';
6-
import Heart from 'lucide-svelte/icons/heart';
7-
import Spade from 'lucide-svelte/icons/spade';
4+
import Club from '@lucide/svelte/icons/club';
5+
import Diamond from '@lucide/svelte/icons/diamond';
6+
import Heart from '@lucide/svelte/icons/heart';
7+
import Spade from '@lucide/svelte/icons/spade';
88
99
let valueDefault = $state(['club']);
1010
let valueMultiple = $state(['club']);

‎playgrounds/skeleton-svelte/src/routes/components/app-bars/+page.svelte

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<script lang="ts">
22
import { AppBar } from '@skeletonlabs/skeleton-svelte';
3-
import Skull from 'lucide-svelte/icons/skull';
3+
import Skull from '@lucide/svelte/icons/skull';
44
</script>
55

66
<h1 class="h1">App Bar</h1>

‎playgrounds/skeleton-svelte/src/routes/components/avatars/+page.svelte

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<script lang="ts">
22
import { Avatar } from '@skeletonlabs/skeleton-svelte';
3-
import Skull from 'lucide-svelte/icons/skull';
3+
import Skull from '@lucide/svelte/icons/skull';
44
55
const imgSrc =
66
'https://images.unsplash.com/photo-1617296538902-887900d9b592?ixid=M3w0Njc5ODF8MHwxfGFsbHx8fHx8fHx8fDE2ODc5NzExMDB8&ixlib=rb-4.0.3&w=128&h=128&auto=format&fit=crop';

‎playgrounds/skeleton-svelte/src/routes/components/file-upload/+page.svelte

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
<script lang="ts">
22
import { FileUpload, type FileUploadApi } from '@skeletonlabs/skeleton-svelte';
33
// Icons
4-
import IconDropzone from 'lucide-svelte/icons/image-plus';
5-
import IconFile from 'lucide-svelte/icons/paperclip';
6-
import IconUpload from 'lucide-svelte/icons/upload';
7-
import IconRemove from 'lucide-svelte/icons/circle-x';
4+
import IconDropzone from '@lucide/svelte/icons/image-plus';
5+
import IconFile from '@lucide/svelte/icons/paperclip';
6+
import IconUpload from '@lucide/svelte/icons/upload';
7+
import IconRemove from '@lucide/svelte/icons/circle-x';
88
// Local
99
let api: FileUploadApi = $state();
1010
</script>

‎playgrounds/skeleton-svelte/src/routes/components/navigation/+page.svelte

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<script lang="ts">
22
import { Navigation } from '@skeletonlabs/skeleton-svelte';
33
// Icons
4-
import IconLogo from 'lucide-svelte/icons/skull';
5-
import IconBox from 'lucide-svelte/icons/box';
6-
import IconSettings from 'lucide-svelte/icons/settings';
4+
import IconLogo from '@lucide/svelte/icons/skull';
5+
import IconBox from '@lucide/svelte/icons/box';
6+
import IconSettings from '@lucide/svelte/icons/settings';
77
88
let value = $state('0');
99
let expanded = $state(false);

‎playgrounds/skeleton-svelte/src/routes/components/pagination/+page.svelte

+5-5
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
<script lang="ts">
22
import { Pagination } from '@skeletonlabs/skeleton-svelte';
33
// Icons
4-
import IconArrowLeft from 'lucide-svelte/icons/arrow-left';
5-
import IconArrowRight from 'lucide-svelte/icons/arrow-right';
6-
import IconEllipsis from 'lucide-svelte/icons/ellipsis';
7-
import IconFirst from 'lucide-svelte/icons/chevrons-left';
8-
import IconLast from 'lucide-svelte/icons/chevron-right';
4+
import IconArrowLeft from '@lucide/svelte/icons/arrow-left';
5+
import IconArrowRight from '@lucide/svelte/icons/arrow-right';
6+
import IconEllipsis from '@lucide/svelte/icons/ellipsis';
7+
import IconFirst from '@lucide/svelte/icons/chevrons-left';
8+
import IconLast from '@lucide/svelte/icons/chevron-right';
99
1010
interface SourceData {
1111
position: number;

‎playgrounds/skeleton-svelte/src/routes/components/popover/+page.svelte

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<script lang="ts">
22
import { Popover } from '@skeletonlabs/skeleton-svelte';
3-
import IconX from 'lucide-svelte/icons/x';
3+
import IconX from '@lucide/svelte/icons/x';
44
55
let openState = $state(false);
66

‎playgrounds/skeleton-svelte/src/routes/components/progress-rings/+page.svelte

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<script lang="ts">
22
import { ProgressRing } from '@skeletonlabs/skeleton-svelte';
3-
import IconThermometer from 'lucide-svelte/icons/thermometer-sun';
3+
import IconThermometer from '@lucide/svelte/icons/thermometer-sun';
44
55
let value = $state(40);
66
let max = $state(100);

‎playgrounds/skeleton-svelte/src/routes/components/ratings/+page.svelte

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<script lang="ts">
22
import { Rating } from '@skeletonlabs/skeleton-svelte';
3-
import IconBone from 'lucide-svelte/icons/bone';
4-
import IconSkull from 'lucide-svelte/icons/skull';
3+
import IconBone from '@lucide/svelte/icons/bone';
4+
import IconSkull from '@lucide/svelte/icons/skull';
55
66
let value = $state(3);
77
</script>

‎playgrounds/skeleton-svelte/src/routes/components/segment-control/+page.svelte

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
<script lang="ts">
22
import { Segment } from '@skeletonlabs/skeleton-svelte';
33
// Icons
4-
import IconLeft from 'lucide-svelte/icons/align-left';
5-
import IconCenter from 'lucide-svelte/icons/align-center';
6-
import IconRight from 'lucide-svelte/icons/align-right';
7-
import IconJustify from 'lucide-svelte/icons/align-justify';
4+
import IconLeft from '@lucide/svelte/icons/align-left';
5+
import IconCenter from '@lucide/svelte/icons/align-center';
6+
import IconRight from '@lucide/svelte/icons/align-right';
7+
import IconJustify from '@lucide/svelte/icons/align-justify';
88
99
// State
1010
let align = $state('left');

‎playgrounds/skeleton-svelte/src/routes/components/switch/+page.svelte

+6-6
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
<script lang="ts">
22
import { Switch } from '@skeletonlabs/skeleton-svelte';
33
// Icons
4-
import IconX from 'lucide-svelte/icons/x';
5-
import IconCheck from 'lucide-svelte/icons/check';
6-
import IconMoon from 'lucide-svelte/icons/moon';
7-
import IconSun from 'lucide-svelte/icons/sun';
8-
import IconSmile from 'lucide-svelte/icons/frown';
9-
import IconFrown from 'lucide-svelte/icons/smile';
4+
import IconX from '@lucide/svelte/icons/x';
5+
import IconCheck from '@lucide/svelte/icons/check';
6+
import IconMoon from '@lucide/svelte/icons/moon';
7+
import IconSun from '@lucide/svelte/icons/sun';
8+
import IconSmile from '@lucide/svelte/icons/frown';
9+
import IconFrown from '@lucide/svelte/icons/smile';
1010
1111
let disturb = $state(false);
1212
let notifications = $state(true);

‎playgrounds/skeleton-svelte/src/routes/components/tabs/+page.svelte

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<script lang="ts">
22
import { Tabs } from '@skeletonlabs/skeleton-svelte';
33
// Icons
4-
import IconPlane from 'lucide-svelte/icons/plane';
5-
import IconBoat from 'lucide-svelte/icons/sailboat';
6-
import IconCar from 'lucide-svelte/icons/car';
4+
import IconPlane from '@lucide/svelte/icons/plane';
5+
import IconBoat from '@lucide/svelte/icons/sailboat';
6+
import IconCar from '@lucide/svelte/icons/car';
77
88
let group = $state('item-1');
99
const lorem =

‎playgrounds/skeleton-svelte/src/routes/components/tags-input/+page.svelte

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<script lang="ts">
22
import { TagsInput } from '@skeletonlabs/skeleton-svelte';
3-
import IconDelete from 'lucide-svelte/icons/circle-x';
3+
import IconDelete from '@lucide/svelte/icons/circle-x';
44
55
let flavors = $state(['Vanilla', 'Chocolate', 'Strawberry']);
66
</script>

‎pnpm-lock.yaml

+18-18
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎sites/skeleton.dev/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@
4040
"astro-expressive-code": "^0.40.2",
4141
"astro-icon": "^1.1.5",
4242
"lucide-react": "^0.479.0",
43-
"lucide-svelte": "^0.479.0",
43+
"@lucide/svelte": "^0.479.0",
4444
"nanostores": "^0.11.4",
4545
"octokit": "^4.1.2",
4646
"pagefind": "^1.3.0",

‎sites/skeleton.dev/src/components/docs/Search.svelte

+6-6
Original file line numberDiff line numberDiff line change
@@ -5,12 +5,12 @@
55
import { docSearchSettingsStore } from 'src/stores/doc-search-settings';
66
import { frameworks, isFramework, preferredFrameworkStore } from 'src/stores/preferred-framework';
77
// Icons
8-
import IconSearch from 'lucide-svelte/icons/search';
9-
import IconFilter from 'lucide-svelte/icons/filter';
10-
import IconBook from 'lucide-svelte/icons/book';
11-
import IconHash from 'lucide-svelte/icons/hash';
12-
import IconLoader from 'lucide-svelte/icons/loader';
13-
import IconChevronRight from 'lucide-svelte/icons/chevron-right';
8+
import IconSearch from '@lucide/svelte/icons/search';
9+
import IconFilter from '@lucide/svelte/icons/filter';
10+
import IconBook from '@lucide/svelte/icons/book';
11+
import IconHash from '@lucide/svelte/icons/hash';
12+
import IconLoader from '@lucide/svelte/icons/loader';
13+
import IconChevronRight from '@lucide/svelte/icons/chevron-right';
1414
1515
let dialog: HTMLDialogElement | null = $state(null);
1616
let pagefind: Pagefind | null = $state(null);

‎sites/skeleton.dev/src/components/homepage/HomeCompGrid.svelte

+11-11
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
11
<script lang="ts">
22
import { Avatar, Slider, Switch, ProgressRing } from '@skeletonlabs/skeleton-svelte';
33
// Icons
4-
import IconPlay from 'lucide-svelte/icons/play';
5-
import IconNormalize from 'lucide-svelte/icons/audio-waveform';
6-
import IconEqualizer from 'lucide-svelte/icons/audio-lines';
7-
import Icon3dAudio from 'lucide-svelte/icons/move-3d';
8-
import IconCrossfade from 'lucide-svelte/icons/chart-no-axes-column-increasing';
9-
import IconArrowUpRight from 'lucide-svelte/icons/arrow-up-right';
10-
import IconCheck from 'lucide-svelte/icons/check';
11-
import IconUsers from 'lucide-svelte/icons/user';
12-
import IconRewind from 'lucide-svelte/icons/rewind';
13-
import IconFastForward from 'lucide-svelte/icons/fast-forward';
14-
import IconVolume from 'lucide-svelte/icons/volume-2';
4+
import IconPlay from '@lucide/svelte/icons/play';
5+
import IconNormalize from '@lucide/svelte/icons/audio-waveform';
6+
import IconEqualizer from '@lucide/svelte/icons/audio-lines';
7+
import Icon3dAudio from '@lucide/svelte/icons/move-3d';
8+
import IconCrossfade from '@lucide/svelte/icons/chart-no-axes-column-increasing';
9+
import IconArrowUpRight from '@lucide/svelte/icons/arrow-up-right';
10+
import IconCheck from '@lucide/svelte/icons/check';
11+
import IconUsers from '@lucide/svelte/icons/user';
12+
import IconRewind from '@lucide/svelte/icons/rewind';
13+
import IconFastForward from '@lucide/svelte/icons/fast-forward';
14+
import IconVolume from '@lucide/svelte/icons/volume-2';
1515
1616
// Classes
1717
const cardClasses = 'card preset-outlined-surface-200-800 bg-surface-50-950 p-5 space-y-5';

‎sites/skeleton.dev/src/components/homepage/HomeDesignSystem.svelte

+5-5
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
<script lang="ts">
22
// Icons
3-
import IconFigma from 'lucide-svelte/icons/figma';
4-
import IconBookmark from 'lucide-svelte/icons/bookmark';
5-
import IconHeart from 'lucide-svelte/icons/heart';
6-
import IconUserRound from 'lucide-svelte/icons/user-round';
7-
import IconTriangle from 'lucide-svelte/icons/triangle';
3+
import IconFigma from '@lucide/svelte/icons/figma';
4+
import IconBookmark from '@lucide/svelte/icons/bookmark';
5+
import IconHeart from '@lucide/svelte/icons/heart';
6+
import IconUserRound from '@lucide/svelte/icons/user-round';
7+
import IconTriangle from '@lucide/svelte/icons/triangle';
88
99
let state = $state(0);
1010
const steps = [

‎sites/skeleton.dev/src/components/homepage/HomeFrameworkComps.svelte

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<script lang="ts">
2-
import IconChevron from 'lucide-svelte/icons/chevron-right';
2+
import IconChevron from '@lucide/svelte/icons/chevron-right';
33
import { Switch } from '@skeletonlabs/skeleton-svelte';
44
55
let checked = $state(true);

‎sites/skeleton.dev/src/content/docs/components/accordion/svelte.mdx

+3-3
Original file line numberDiff line numberDiff line change
@@ -78,9 +78,9 @@ Use `multiple` to enable multiple items to be opened at once.
7878

7979
```svelte
8080
<script lang="ts">
81-
import Plus from 'lucide-svelte/icons/plus';
82-
import Minus from 'lucide-svelte/icons/minus';
83-
import Club from 'lucide-svelte/icons/club';
81+
import Plus from '@lucide/svelte/icons/plus';
82+
import Minus from '@lucide/svelte/icons/minus';
83+
import Club from '@lucide/svelte/icons/club';
8484
</script>
8585
8686
<Accordion>

‎sites/skeleton.dev/src/content/docs/guides/figma/chapter-1.mdx

+1-1
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ import ProcessStep from '@components/docs/ProcessStep.astro';
1212
import NavGrid from '@components/docs/NavGrid.astro';
1313

1414
import { Image } from 'astro:assets';
15-
import { BookOpen } from 'lucide-svelte';
15+
import { BookOpen } from '@lucide/svelte';
1616
import SvgSkeleton from '@images/tutorials/figma/skeletonFileIcon.svg';
1717
import ImgCreateNewProject from '@images/tutorials/figma/chapter-1/01_createNewProject.webp';
1818
import ImgImportProject from '@images/tutorials/figma/chapter-1/02_importProject.webp';

‎sites/skeleton.dev/src/content/docs/guides/figma/chapter-3.mdx

+1-1
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ import ImgOpenFile from '@images/tutorials/figma/chapter-3/04_openFile.webp';
1919
import ImgSelectSkeleton from '@images/tutorials/figma/chapter-3/04_selectSkeleton.webp';
2020
import ImgSelectNewSkeleton from '@images/tutorials/figma/chapter-3/04_selectNewSkeleton.webp';
2121
import ImgRemoveOld from '@images/tutorials/figma/chapter-3/removeOld.webp';
22-
import { ChevronDown, BookOpen } from 'lucide-svelte';
22+
import { ChevronDown, BookOpen } from '@lucide/svelte';
2323

2424
<p className="text-2xl">
2525
Skeleton is continually evolving, and to ensure that your design remains in harmony with it, it's essential to keep the Skeleton Figma UI

0 commit comments

Comments
 (0)