Skip to content

chore: bump lucide #1755

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
huntabyte merged 2 commits into from
Mar 12, 2025
Merged

chore: bump lucide #1755

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
dfb9624
chore: bump lucide
ieedan Mar 12, 2025
5769cb3
fix types + format
ieedan Mar 12, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
2 changes: 1 addition & 1 deletion .github/ISSUE_TEMPLATE/3-bug_report.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@ body:
id: system-info
attributes:
label: System Info
description: Output of `npx envinfo --system --npmPackages svelte,shadcn-svelte,bits-ui,vaul-svelte,sveltekit-superforms,@sveltejs/kit,mode-watcher,formsnap,cmdk-sv,svelte-radix,lucide-svelte,svelte-sonner --binaries --browsers`
description: Output of `npx envinfo --system --npmPackages svelte,shadcn-svelte,bits-ui,vaul-svelte,sveltekit-superforms,@sveltejs/kit,mode-watcher,formsnap,cmdk-sv,svelte-radix,@lucide/svelte,svelte-sonner --binaries --browsers`
render: bash
placeholder: System, Binaries, Browsers
validations:
Expand Down
24 changes: 12 additions & 12 deletions pnpm-lock.yaml
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion sites/docs/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,6 +27,7 @@
},
"devDependencies": {
"@internationalized/date": "^3.5.6",
"@lucide/svelte": "^0.479.0",
"@prettier/sync": "0.3.0",
"@sveltejs/adapter-cloudflare": "4.6.1",
"@sveltejs/kit": "^2.12.0",
Expand All @@ -53,7 +54,6 @@
"hast-util-to-html": "^9.0.1",
"is-reference": "^3.0.2",
"lodash.template": "^4.5.0",
"lucide-svelte": "^0.447.0",
"magic-string": "^0.30.12",
"mdsx": "^0.0.6",
"mode-watcher": "^0.3.1",
Expand Down
4 changes: 2 additions & 2 deletions sites/docs/scripts/build-registry.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -260,8 +260,8 @@ export const Index = {
.map((item) => ({
...item,
style: undefined, // discard `style`
// The `default` style uses `lucide-svelte`, so we'll discard it for the purposes of the index
dependencies: item.dependencies.filter((dep) => dep !== "lucide-svelte"),
// The `default` style uses `@lucide/svelte`, so we'll discard it for the purposes of the index
dependencies: item.dependencies.filter((dep) => dep !== "@lucide/svelte"),
// We only want the relative file paths
files: item.files.map((file) => ({ path: file.path, type: "registry:ui" })),
}));
Expand Down
2 changes: 1 addition & 1 deletion sites/docs/scripts/registry.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ const DEPENDENCIES = new Map<string, string[]>([
["embla-carousel-svelte", []],
["paneforge", []],
]);
const ICON_DEPENDENCIES = ["lucide-svelte"];
const ICON_DEPENDENCIES = ["@lucide/svelte"];
// these are required dependencies for particular components
// where the dependencies are not specified in the import declarations of the component file
const REQUIRED_COMPONENT_DEPS = new Map<string, string[]>([
Expand Down
2 changes: 1 addition & 1 deletion sites/docs/src/__registry__/chunks/default/dashboard-01-chunk-0.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<script lang="ts">
import DollarSign from "lucide-svelte/icons/dollar-sign";
import DollarSign from "@lucide/svelte/icons/dollar-sign";

import * as Card from "$lib/registry/default/ui/card/index.js";
</script>
Expand Down
2 changes: 1 addition & 1 deletion sites/docs/src/__registry__/chunks/default/dashboard-01-chunk-1.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<script lang="ts">
import Users from "lucide-svelte/icons/users";
import Users from "@lucide/svelte/icons/users";

import * as Card from "$lib/registry/default/ui/card/index.js";
</script>
Expand Down
2 changes: 1 addition & 1 deletion sites/docs/src/__registry__/chunks/default/dashboard-01-chunk-2.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<script lang="ts">
import CreditCard from "lucide-svelte/icons/credit-card";
import CreditCard from "@lucide/svelte/icons/credit-card";

import * as Card from "$lib/registry/default/ui/card/index.js";
</script>
Expand Down
2 changes: 1 addition & 1 deletion sites/docs/src/__registry__/chunks/default/dashboard-01-chunk-3.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<script lang="ts">
import Activity from "lucide-svelte/icons/activity";
import Activity from "@lucide/svelte/icons/activity";

import * as Card from "$lib/registry/default/ui/card/index.js";
</script>
Expand Down
2 changes: 1 addition & 1 deletion sites/docs/src/__registry__/chunks/default/dashboard-01-chunk-4.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<script lang="ts">
import ArrowUpRight from "lucide-svelte/icons/arrow-up-right";
import ArrowUpRight from "@lucide/svelte/icons/arrow-up-right";

import { Badge } from "$lib/registry/default/ui/badge/index.js";
import { Button } from "$lib/registry/default/ui/button/index.js";
Expand Down
6 changes: 3 additions & 3 deletions sites/docs/src/__registry__/chunks/default/dashboard-03-chunk-0.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<script lang="ts">
import Rabbit from "lucide-svelte/icons/rabbit";
import Bird from "lucide-svelte/icons/bird";
import Turtle from "lucide-svelte/icons/turtle";
import Rabbit from "@lucide/svelte/icons/rabbit";
import Bird from "@lucide/svelte/icons/bird";
import Turtle from "@lucide/svelte/icons/turtle";

import { Input } from "$lib/registry/default/ui/input/index.js";
import { Textarea } from "$lib/registry/default/ui/textarea/index.js";
Expand Down
6 changes: 3 additions & 3 deletions sites/docs/src/__registry__/chunks/default/dashboard-03-chunk-1.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<script lang="ts">
import Paperclip from "lucide-svelte/icons/paperclip";
import Mic from "lucide-svelte/icons/mic";
import CornerDownLeft from "lucide-svelte/icons/corner-down-left";
import Paperclip from "@lucide/svelte/icons/paperclip";
import Mic from "@lucide/svelte/icons/mic";
import CornerDownLeft from "@lucide/svelte/icons/corner-down-left";

import { Button } from "$lib/registry/default/ui/button/index.js";
import * as Tooltip from "$lib/registry/default/ui/tooltip/index.js";
Expand Down
12 changes: 6 additions & 6 deletions sites/docs/src/__registry__/chunks/default/dashboard-05-chunk-4.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
<script lang="ts">
import ChevronLeft from "lucide-svelte/icons/chevron-left";
import ChevronRight from "lucide-svelte/icons/chevron-right";
import Copy from "lucide-svelte/icons/copy";
import CreditCard from "lucide-svelte/icons/credit-card";
import ChevronLeft from "@lucide/svelte/icons/chevron-left";
import ChevronRight from "@lucide/svelte/icons/chevron-right";
import Copy from "@lucide/svelte/icons/copy";
import CreditCard from "@lucide/svelte/icons/credit-card";

import EllipsisVertical from "lucide-svelte/icons/ellipsis-vertical";
import EllipsisVertical from "@lucide/svelte/icons/ellipsis-vertical";

import Truck from "lucide-svelte/icons/truck";
import Truck from "@lucide/svelte/icons/truck";

import { Button } from "$lib/registry/default/ui/button/index.js";
import * as Card from "$lib/registry/default/ui/card/index.js";
Expand Down
2 changes: 1 addition & 1 deletion sites/docs/src/__registry__/chunks/default/dashboard-06-chunk-0.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<script lang="ts">
import Ellipsis from "lucide-svelte/icons/ellipsis";
import Ellipsis from "@lucide/svelte/icons/ellipsis";

import { Badge } from "$lib/registry/default/ui/badge/index.js";

Expand Down
2 changes: 1 addition & 1 deletion sites/docs/src/__registry__/chunks/default/dashboard-07-chunk-1.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<script lang="ts">
import CirclePlus from "lucide-svelte/icons/circle-plus";
import CirclePlus from "@lucide/svelte/icons/circle-plus";

import { Button } from "$lib/registry/default/ui/button/index.js";
import * as Card from "$lib/registry/default/ui/card/index.js";
Expand Down
2 changes: 1 addition & 1 deletion sites/docs/src/__registry__/chunks/default/dashboard-07-chunk-4.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<script lang="ts">
import Upload from "lucide-svelte/icons/upload";
import Upload from "@lucide/svelte/icons/upload";

import * as Card from "$lib/registry/default/ui/card/index.js";
</script>
Expand Down
2 changes: 1 addition & 1 deletion sites/docs/src/__registry__/chunks/new-york/dashboard-01-chunk-0.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<script lang="ts">
import DollarSign from "lucide-svelte/icons/dollar-sign";
import DollarSign from "@lucide/svelte/icons/dollar-sign";

import * as Card from "$lib/registry/new-york/ui/card/index.js";
</script>
Expand Down
2 changes: 1 addition & 1 deletion sites/docs/src/__registry__/chunks/new-york/dashboard-01-chunk-1.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<script lang="ts">
import Users from "lucide-svelte/icons/users";
import Users from "@lucide/svelte/icons/users";

import * as Card from "$lib/registry/new-york/ui/card/index.js";
</script>
Expand Down
2 changes: 1 addition & 1 deletion sites/docs/src/__registry__/chunks/new-york/dashboard-01-chunk-2.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<script lang="ts">
import CreditCard from "lucide-svelte/icons/credit-card";
import CreditCard from "@lucide/svelte/icons/credit-card";

import * as Card from "$lib/registry/new-york/ui/card/index.js";
</script>
Expand Down
2 changes: 1 addition & 1 deletion sites/docs/src/__registry__/chunks/new-york/dashboard-01-chunk-3.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<script lang="ts">
import Activity from "lucide-svelte/icons/activity";
import Activity from "@lucide/svelte/icons/activity";

import * as Card from "$lib/registry/new-york/ui/card/index.js";
</script>
Expand Down
2 changes: 1 addition & 1 deletion sites/docs/src/__registry__/chunks/new-york/dashboard-01-chunk-4.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<script lang="ts">
import ArrowUpRight from "lucide-svelte/icons/arrow-up-right";
import ArrowUpRight from "@lucide/svelte/icons/arrow-up-right";

import { Badge } from "$lib/registry/new-york/ui/badge/index.js";
import { Button } from "$lib/registry/new-york/ui/button/index.js";
Expand Down
6 changes: 3 additions & 3 deletions sites/docs/src/__registry__/chunks/new-york/dashboard-03-chunk-0.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<script lang="ts">
import Rabbit from "lucide-svelte/icons/rabbit";
import Bird from "lucide-svelte/icons/bird";
import Turtle from "lucide-svelte/icons/turtle";
import Rabbit from "@lucide/svelte/icons/rabbit";
import Bird from "@lucide/svelte/icons/bird";
import Turtle from "@lucide/svelte/icons/turtle";

import { Input } from "$lib/registry/new-york/ui/input/index.js";
import { Textarea } from "$lib/registry/new-york/ui/textarea/index.js";
Expand Down
6 changes: 3 additions & 3 deletions sites/docs/src/__registry__/chunks/new-york/dashboard-03-chunk-1.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<script lang="ts">
import Paperclip from "lucide-svelte/icons/paperclip";
import Mic from "lucide-svelte/icons/mic";
import CornerDownLeft from "lucide-svelte/icons/corner-down-left";
import Paperclip from "@lucide/svelte/icons/paperclip";
import Mic from "@lucide/svelte/icons/mic";
import CornerDownLeft from "@lucide/svelte/icons/corner-down-left";

import { Button } from "$lib/registry/new-york/ui/button/index.js";
import * as Tooltip from "$lib/registry/new-york/ui/tooltip/index.js";
Expand Down
12 changes: 6 additions & 6 deletions sites/docs/src/__registry__/chunks/new-york/dashboard-05-chunk-4.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
<script lang="ts">
import ChevronLeft from "lucide-svelte/icons/chevron-left";
import ChevronRight from "lucide-svelte/icons/chevron-right";
import Copy from "lucide-svelte/icons/copy";
import CreditCard from "lucide-svelte/icons/credit-card";
import ChevronLeft from "@lucide/svelte/icons/chevron-left";
import ChevronRight from "@lucide/svelte/icons/chevron-right";
import Copy from "@lucide/svelte/icons/copy";
import CreditCard from "@lucide/svelte/icons/credit-card";

import EllipsisVertical from "lucide-svelte/icons/ellipsis-vertical";
import EllipsisVertical from "@lucide/svelte/icons/ellipsis-vertical";

import Truck from "lucide-svelte/icons/truck";
import Truck from "@lucide/svelte/icons/truck";

import { Button } from "$lib/registry/new-york/ui/button/index.js";
import * as Card from "$lib/registry/new-york/ui/card/index.js";
Expand Down
2 changes: 1 addition & 1 deletion sites/docs/src/__registry__/chunks/new-york/dashboard-06-chunk-1.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<script lang="ts">
import Ellipsis from "lucide-svelte/icons/ellipsis";
import Ellipsis from "@lucide/svelte/icons/ellipsis";

import { Badge } from "$lib/registry/new-york/ui/badge/index.js";

Expand Down
2 changes: 1 addition & 1 deletion sites/docs/src/__registry__/chunks/new-york/dashboard-07-chunk-1.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<script lang="ts">
import CirclePlus from "lucide-svelte/icons/circle-plus";
import CirclePlus from "@lucide/svelte/icons/circle-plus";

import { Button } from "$lib/registry/new-york/ui/button/index.js";
import * as Card from "$lib/registry/new-york/ui/card/index.js";
Expand Down
2 changes: 1 addition & 1 deletion sites/docs/src/__registry__/chunks/new-york/dashboard-07-chunk-4.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<script lang="ts">
import Upload from "lucide-svelte/icons/upload";
import Upload from "@lucide/svelte/icons/upload";

import * as Card from "$lib/registry/new-york/ui/card/index.js";
</script>
Expand Down
4 changes: 2 additions & 2 deletions sites/docs/src/content/changelog.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -64,15 +64,15 @@ After some feedback about dev server performance, we've updated the way we impor
Instead of importing icons like so:

```ts
import { Check } from "lucide-svelte";
import { Check } from "@lucide/svelte";
// or
import { Check } from "radix-icons-svelte";
```

We now import them directly:

```ts
import Check from "lucide-svelte/icons/check";
import Check from "@lucide/svelte/icons/check";
// or
import Check from "svelte-radix/Check.svelte";
```
Expand Down
4 changes: 2 additions & 2 deletions sites/docs/src/content/components/combobox.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,8 +24,8 @@ See installation instructions for the [Popover](/docs/components/popover#install

```svelte
<script lang="ts">
import Check from "lucide-svelte/icons/check";
import ChevronsUpDown from "lucide-svelte/icons/chevrons-up-down";
import Check from "@lucide/svelte/icons/check";
import ChevronsUpDown from "@lucide/svelte/icons/chevrons-up-down";
import { tick } from "svelte";
import * as Command from "$lib/components/ui/command/index.js";
import * as Popover from "$lib/components/ui/popover/index.js";
Expand Down
4 changes: 2 additions & 2 deletions sites/docs/src/content/components/data-table.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -319,7 +319,7 @@ We'll start by defining the actions menu in our `data-table-actions.svelte` comp

```svelte showLineNumbers title="routes/payments/data-table-actions.svelte"
<script lang="ts">
import Ellipsis from "lucide-svelte/icons/ellipsis";
import Ellipsis from "@lucide/svelte/icons/ellipsis";
import { Button } from "$lib/components/ui/button/index.js";
import * as DropdownMenu from "$lib/components/ui/dropdown-menu/index.js";

Expand Down Expand Up @@ -496,7 +496,7 @@ We'll start by creating a component to render a sortable email header button.
```svelte showLineNumbers title="routes/payments/data-table-email-button.svelte"
<script lang="ts">
import type { ComponentProps } from "svelte";
import ArrowUpDown from "lucide-svelte/icons/arrow-up-down";
import ArrowUpDown from "@lucide/svelte/icons/arrow-up-down";
import { Button } from "$lib/components/ui/button/index.js";

let { variant = "ghost", ...restProps }: ComponentProps<typeof Button> =
Expand Down
2 changes: 1 addition & 1 deletion sites/docs/src/content/components/date-picker.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ See installations instructions for the [Popover](/docs/components/popover#instal

```svelte
<script lang="ts">
import CalendarIcon from "lucide-svelte/icons/calendar";
import CalendarIcon from "@lucide/svelte/icons/calendar";
import {
type DateValue,
DateFormatter,
Expand Down
10 changes: 5 additions & 5 deletions sites/docs/src/content/components/sidebar.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -216,11 +216,11 @@ We'll use the `Sidebar.Menu` component in a `Sidebar.Group`.

```svelte showLineNumbers title="src/lib/components/app-sidebar.svelte"
<script lang="ts">
import Calendar from "lucide-svelte/icons/calendar";
import House from "lucide-svelte/icons/house";
import Inbox from "lucide-svelte/icons/inbox";
import Search from "lucide-svelte/icons/search";
import Settings from "lucide-svelte/icons/settings";
import Calendar from "@lucide/svelte/icons/calendar";
import House from "@lucide/svelte/icons/house";
import Inbox from "@lucide/svelte/icons/inbox";
import Search from "@lucide/svelte/icons/search";
import Settings from "@lucide/svelte/icons/settings";
import * as Sidebar from "$lib/components/ui/sidebar/index.js";

// Menu items.
Expand Down
2 changes: 1 addition & 1 deletion sites/docs/src/content/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ description: Re-usable components built with Bits UI, Melt UI, and Tailwind CSS.
<script>
import * as Accordion from '$lib/registry/new-york/ui/accordion';
import { Callout } from '$lib/components/docs';
import CircleAlert from "lucide-svelte/icons/circle-alert";
import CircleAlert from "@lucide/svelte/icons/circle-alert";
</script>

An unofficial, community-led [Svelte](https://svelte.dev) port of [shadcn/ui](https://ui.shadcn.com). We are not affiliated with [shadcn](https://twitter.com/shadcn), but we did get his blessing before creating a Svelte version of his work. This project was born out of the need for a similar project for the Svelte ecosystem.
Expand Down
4 changes: 2 additions & 2 deletions sites/docs/src/content/installation/manual.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,9 +25,9 @@ Add the following dependencies to your project:

### Add icon library

Install `lucide-svelte`:
Install `@lucide/svelte`:

<PMInstall command="lucide-svelte" />
<PMInstall command="@lucide/svelte" />

### Configure path aliases

Expand Down
Loading