Skip to content

Commit b00cd70

Browse files
H4adH4ad
committed
fix(signozhq-icons): use updated lib & remove lucide
1 parent 7295323 commit b00cd70

46 files changed

Lines changed: 209 additions & 794 deletions

Some content is hidden

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

‎apps/docs/.storybook/modeDecorator.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { ChevronDown, Moon, Palette, Sun } from 'lucide-react';
1+
import { ChevronDown, Moon, Palette, Sun } from '@signozhq/icons';
22
import { useCallback, useEffect, useState } from 'react';
33
import { createPortal } from 'react-dom';
44

‎apps/docs/components/IconGallery.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1+
import { Check, Copy } from '@signozhq/icons';
12
import { Button, ButtonColor, ButtonSize, ButtonVariant, Input } from '@signozhq/ui';
2-
import { Check, Copy } from 'lucide-react';
33
import React, { useMemo, useState } from 'react';
44
import AutoSizer from 'react-virtualized-auto-sizer';
55
import { FixedSizeGrid as Grid } from 'react-window';

‎apps/docs/package.json‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,11 +16,10 @@
1616
"dependencies": {
1717
"@radix-ui/react-tabs": "^1.1.3",
1818
"@signozhq/design-tokens": "2.1.3",
19-
"@signozhq/icons": "^0.1.0",
19+
"@signozhq/icons": "^0.3.0",
2020
"@signozhq/tailwind-config": "workspace:*",
2121
"@signozhq/ui": "workspace:*",
2222
"@tailwindcss/vite": "^4.2.1",
23-
"lucide-react": "^0.445.0",
2423
"motion": "^11.18.2",
2524
"nuqs": "^2.8.9",
2625
"react": "^18.2.0",

‎apps/docs/stories/combobox-simple.stories.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1+
import { Code, Database, GitBranch, Terminal } from '@signozhq/icons';
12
import { ComboboxSimple } from '@signozhq/ui';
23
import type { Meta, StoryObj } from '@storybook/react-vite';
3-
import { Code2, Database, GitBranch, Terminal } from 'lucide-react';
44
import { useState } from 'react';
55

66
const meta: Meta<typeof ComboboxSimple> = {
@@ -140,7 +140,7 @@ const itemsWithIcons = [
140140
value: 'react',
141141
label: (
142142
<>
143-
<Code2 className="mr-2 h-4 w-4" />
143+
<Code className="mr-2 h-4 w-4" />
144144
React
145145
</>
146146
),
@@ -196,7 +196,7 @@ export const WithGroupsAndIcons: Story = {
196196
value: 'react',
197197
label: (
198198
<>
199-
<Code2 className="mr-2 h-4 w-4" />
199+
<Code className="mr-2 h-4 w-4" />
200200
React
201201
</>
202202
),
@@ -205,7 +205,7 @@ export const WithGroupsAndIcons: Story = {
205205
value: 'vue',
206206
label: (
207207
<>
208-
<Code2 className="mr-2 h-4 w-4" />
208+
<Code className="mr-2 h-4 w-4" />
209209
Vue
210210
</>
211211
),

‎apps/docs/stories/combobox.mdx‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -56,11 +56,11 @@ export default function MyComponent() {
5656
```tsx
5757
import { ComboboxSimple } from '@signozhq/ui';
5858
import { useState } from 'react';
59-
import { Code2, Database } from 'lucide-react';
59+
import { Code, Database } from '@signozhq/icons';
6060

6161
const items = [
62-
{ value: 'react', label: <><Code2 className="mr-2 h-4 w-4" />React</> },
63-
{ value: 'vue', label: <><Code2 className="mr-2 h-4 w-4" />Vue</> },
62+
{ value: 'react', label: <><Code className="mr-2 h-4 w-4" />React</> },
63+
{ value: 'vue', label: <><Code className="mr-2 h-4 w-4" />Vue</> },
6464
{ value: 'postgres', label: <><Database className="mr-2 h-4 w-4" />PostgreSQL</> },
6565
];
6666

@@ -83,11 +83,11 @@ export default function MyComponent() {
8383
```tsx
8484
import { ComboboxSimple } from '@signozhq/ui';
8585
import { useState } from 'react';
86-
import { Code2 } from 'lucide-react';
86+
import { Code } from '@signozhq/icons';
8787

8888
const items = [
89-
{ value: 'react', label: <><Code2 className="mr-2 h-4 w-4" />React</>, displayValue: 'React' },
90-
{ value: 'vue', label: <><Code2 className="mr-2 h-4 w-4" />Vue</>, displayValue: 'Vue' },
89+
{ value: 'react', label: <><Code className="mr-2 h-4 w-4" />React</>, displayValue: 'React' },
90+
{ value: 'vue', label: <><Code className="mr-2 h-4 w-4" />Vue</>, displayValue: 'Vue' },
9191
];
9292

9393
export default function MyComponent() {

‎apps/docs/stories/combobox.stories.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
import { Code, Database, GitBranch, Terminal } from '@signozhq/icons';
12
import {
23
Combobox,
34
ComboboxCommand,
@@ -12,7 +13,6 @@ import {
1213
ComboboxTrigger,
1314
} from '@signozhq/ui';
1415
import type { Meta, StoryObj } from '@storybook/react-vite';
15-
import { Code2, Database, GitBranch, Terminal } from 'lucide-react';
1616
import { useState } from 'react';
1717

1818
const meta: Meta<typeof Combobox> = {
@@ -595,7 +595,7 @@ export const WithIcons: Story = {
595595
{
596596
value: 'react',
597597
label: 'React',
598-
icon: Code2,
598+
icon: Code,
599599
},
600600
{
601601
value: 'nodejs',

‎apps/docs/stories/data-table.stories.tsx‎

Lines changed: 25 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
import { CircleAlert, CircleCheck, CircleX, Clock, Eye, Pencil, Trash2 } from '@signozhq/icons';
12
import {
23
Badge,
34
DataTable as BaseDataTable,
@@ -7,8 +8,9 @@ import {
78
type Row,
89
} from '@signozhq/ui';
910
import type { Meta, StoryObj } from '@storybook/react-vite';
10-
import type { LucideIcon } from 'lucide-react';
11-
import { AlertCircle, CheckCircle, Clock, Edit, Eye, Trash2, XCircle } from 'lucide-react';
11+
12+
type IconComponent = React.ComponentType<{ className?: string; size?: number }>;
13+
1214
import * as React from 'react';
1315

1416
// Create a properly typed wrapper component
@@ -278,16 +280,16 @@ const enhancedColumns: ColumnDef<User>[] = [
278280
const status = row.getValue('status') as User['status'];
279281
const statusMap: Record<
280282
User['status'],
281-
{ label: string; icon: LucideIcon; className: string }
283+
{ label: string; icon: IconComponent; className: string }
282284
> = {
283285
active: {
284286
label: 'Active',
285-
icon: CheckCircle,
287+
icon: CircleCheck,
286288
className: 'bg-green-100 text-green-800 border-green-200',
287289
},
288290
inactive: {
289291
label: 'Inactive',
290-
icon: XCircle,
292+
icon: CircleX,
291293
className: 'bg-red-100 text-red-800 border-red-200',
292294
},
293295
pending: {
@@ -297,7 +299,7 @@ const enhancedColumns: ColumnDef<User>[] = [
297299
},
298300
suspended: {
299301
label: 'Suspended',
300-
icon: AlertCircle,
302+
icon: CircleAlert,
301303
className: 'bg-gray-100 text-gray-800 border-gray-200',
302304
},
303305
};
@@ -397,7 +399,7 @@ const enhancedColumns: ColumnDef<User>[] = [
397399
<Eye className="h-4 w-4" />
398400
</Button>
399401
<Button variant="ghost" color={ButtonColor.None} size="sm" className="h-8 w-8 p-0">
400-
<Edit className="h-4 w-4" />
402+
<Pencil className="h-4 w-4" />
401403
</Button>
402404
<Button
403405
variant="ghost"
@@ -630,11 +632,11 @@ export const Compact: StoryObj<typeof DataTable<User>> = {
630632
header: 'Status',
631633
cell: ({ row }: { row: Row<User> }) => {
632634
const status = row.original.status;
633-
const statusMap: Record<User['status'], { icon: LucideIcon; className: string }> = {
634-
active: { icon: CheckCircle, className: 'text-green-600' },
635-
inactive: { icon: XCircle, className: 'text-red-600' },
635+
const statusMap: Record<User['status'], { icon: IconComponent; className: string }> = {
636+
active: { icon: CircleCheck, className: 'text-green-600' },
637+
inactive: { icon: CircleX, className: 'text-red-600' },
636638
pending: { icon: Clock, className: 'text-yellow-600' },
637-
suspended: { icon: AlertCircle, className: 'text-gray-600' },
639+
suspended: { icon: CircleAlert, className: 'text-gray-600' },
638640
};
639641
const statusInfo = statusMap[status];
640642
const Icon = statusInfo.icon;
@@ -840,12 +842,12 @@ export const AllFeatures: StoryObj<typeof DataTable<User>> = {
840842
> = {
841843
active: {
842844
label: 'Active',
843-
icon: CheckCircle,
845+
icon: CircleCheck,
844846
className: 'bg-green-100 text-green-800 border-green-200',
845847
},
846848
inactive: {
847849
label: 'Inactive',
848-
icon: XCircle,
850+
icon: CircleX,
849851
className: 'bg-red-100 text-red-800 border-red-200',
850852
},
851853
pending: {
@@ -855,7 +857,7 @@ export const AllFeatures: StoryObj<typeof DataTable<User>> = {
855857
},
856858
suspended: {
857859
label: 'Suspended',
858-
icon: AlertCircle,
860+
icon: CircleAlert,
859861
className: 'bg-gray-100 text-gray-800 border-gray-200',
860862
},
861863
};
@@ -942,7 +944,7 @@ export const AllFeatures: StoryObj<typeof DataTable<User>> = {
942944
<Eye className="h-4 w-4" />
943945
</Button>
944946
<Button variant="ghost" color={ButtonColor.None} size="sm" className="h-8 w-8 p-0">
945-
<Edit className="h-4 w-4" />
947+
<Pencil className="h-4 w-4" />
946948
</Button>
947949
<Button
948950
variant="ghost"
@@ -1089,12 +1091,12 @@ export const VirtualizationWithFeatures: StoryObj<typeof DataTable<User>> = {
10891091
> = {
10901092
active: {
10911093
label: 'Active',
1092-
icon: CheckCircle,
1094+
icon: CircleCheck,
10931095
className: 'bg-green-100 text-green-800 border-green-200',
10941096
},
10951097
inactive: {
10961098
label: 'Inactive',
1097-
icon: XCircle,
1099+
icon: CircleX,
10981100
className: 'bg-red-100 text-red-800 border-red-200',
10991101
},
11001102
pending: {
@@ -1104,7 +1106,7 @@ export const VirtualizationWithFeatures: StoryObj<typeof DataTable<User>> = {
11041106
},
11051107
suspended: {
11061108
label: 'Suspended',
1107-
icon: AlertCircle,
1109+
icon: CircleAlert,
11081110
className: 'bg-gray-100 text-gray-800 border-gray-200',
11091111
},
11101112
};
@@ -1191,7 +1193,7 @@ export const VirtualizationWithFeatures: StoryObj<typeof DataTable<User>> = {
11911193
<Eye className="h-4 w-4" />
11921194
</Button>
11931195
<Button variant="ghost" color={ButtonColor.None} size="sm" className="h-8 w-8 p-0">
1194-
<Edit className="h-4 w-4" />
1196+
<Pencil className="h-4 w-4" />
11951197
</Button>
11961198
<Button
11971199
variant="ghost"
@@ -1540,11 +1542,11 @@ export const StickyHeaders: StoryObj<typeof DataTable<User>> = {
15401542
header: 'Status',
15411543
size: 120,
15421544
cell: ({ row }: { row: Row<User> }) => {
1543-
const statusMap: Record<User['status'], { icon: LucideIcon; className: string }> = {
1544-
active: { icon: CheckCircle, className: 'text-green-600' },
1545-
inactive: { icon: XCircle, className: 'text-red-600' },
1545+
const statusMap: Record<User['status'], { icon: IconComponent; className: string }> = {
1546+
active: { icon: CircleCheck, className: 'text-green-600' },
1547+
inactive: { icon: CircleX, className: 'text-red-600' },
15461548
pending: { icon: Clock, className: 'text-yellow-600' },
1547-
suspended: { icon: AlertCircle, className: 'text-orange-600' },
1549+
suspended: { icon: CircleAlert, className: 'text-orange-600' },
15481550
};
15491551
const status = statusMap[row.original.status];
15501552
const Icon = status.icon;

‎apps/docs/stories/dropdown-menu-item.stories.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
import { Check, LogOut, Settings, User } from '@signozhq/icons';
12
import {
23
Button,
34
DropdownMenu,
@@ -7,7 +8,6 @@ import {
78
DropdownMenuTrigger,
89
} from '@signozhq/ui';
910
import type { Meta, StoryObj } from '@storybook/react-vite';
10-
import { Check, LogOut, Settings, User } from 'lucide-react';
1111

1212
const meta: Meta<typeof DropdownMenuItem> = {
1313
title: 'Components/DropdownMenu/DropdownMenuItem',

‎apps/docs/stories/dropdown-menu-multi-step.stories.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
import { Settings, User } from '@signozhq/icons';
12
import {
23
Button,
34
DropdownMenuItem,
@@ -7,7 +8,6 @@ import {
78
DropdownMenuTrigger,
89
} from '@signozhq/ui';
910
import type { Meta, StoryObj } from '@storybook/react-vite';
10-
import { Settings, User } from 'lucide-react';
1111

1212
const meta: Meta<typeof DropdownMenuMultiStep> = {
1313
title: 'Components/DropdownMenu/DropdownMenuMultiStep',

‎apps/docs/stories/dropdown-menu-sub-trigger.stories.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
import { Link, Settings } from '@signozhq/icons';
12
import {
23
Button,
34
DropdownMenu,
@@ -9,7 +10,6 @@ import {
910
DropdownMenuTrigger,
1011
} from '@signozhq/ui';
1112
import type { Meta, StoryObj } from '@storybook/react-vite';
12-
import { Link, Settings } from 'lucide-react';
1313

1414
const meta: Meta<typeof DropdownMenuSubTrigger> = {
1515
title: 'Components/DropdownMenu/DropdownMenuSubTrigger',

0 commit comments

Comments
 (0)