@catalystsoftware/icons 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +505 -0
- package/dist/index.d.mts +1370 -0
- package/dist/index.d.ts +1370 -0
- package/dist/index.js +6135 -0
- package/dist/index.mjs +5646 -0
- package/package.json +40 -0
package/README.md
ADDED
|
@@ -0,0 +1,505 @@
|
|
|
1
|
+
## Installation
|
|
2
|
+
|
|
3
|
+
```bash
|
|
4
|
+
npm install @catalystsoftware/icons
|
|
5
|
+
# or
|
|
6
|
+
pnpm add @catalystsoftware/icons
|
|
7
|
+
```
|
|
8
|
+
|
|
9
|
+
## Icon list
|
|
10
|
+
|
|
11
|
+
Ace
|
|
12
|
+
Alien
|
|
13
|
+
AlignCenter
|
|
14
|
+
AlignEndVertical
|
|
15
|
+
AlignJustify
|
|
16
|
+
AlignLeft
|
|
17
|
+
AlignRight
|
|
18
|
+
AppWindow
|
|
19
|
+
Archive
|
|
20
|
+
ArchiveX
|
|
21
|
+
ArrowBadgeDown
|
|
22
|
+
ArrowBadgeLeft
|
|
23
|
+
ArrowBadgeRight
|
|
24
|
+
ArrowBadgeUp
|
|
25
|
+
ArrowBigDown
|
|
26
|
+
ArrowBigLeft
|
|
27
|
+
ArrowBigRight
|
|
28
|
+
ArrowBigUp
|
|
29
|
+
ArrowDown
|
|
30
|
+
ArrowDownFromLine
|
|
31
|
+
ArrowDownLeft
|
|
32
|
+
ArrowDownRight
|
|
33
|
+
ArrowLeft
|
|
34
|
+
ArrowLeftRight
|
|
35
|
+
ArrowRight
|
|
36
|
+
ArrowUp
|
|
37
|
+
ArrowUpDown
|
|
38
|
+
ArrowUpFromLine
|
|
39
|
+
ArrowUpNarrowWide
|
|
40
|
+
ArrowUpRight
|
|
41
|
+
Asterisk
|
|
42
|
+
AtSign
|
|
43
|
+
AudioWaveform
|
|
44
|
+
Award
|
|
45
|
+
Badge
|
|
46
|
+
BadgeCheck
|
|
47
|
+
Ban
|
|
48
|
+
Banknote
|
|
49
|
+
BarChart
|
|
50
|
+
BarChartAreaBig
|
|
51
|
+
Bat
|
|
52
|
+
Bed
|
|
53
|
+
BeggarsHand
|
|
54
|
+
Bell
|
|
55
|
+
Biohazard
|
|
56
|
+
Blocks
|
|
57
|
+
Bluetooth
|
|
58
|
+
Bold
|
|
59
|
+
Bookmark
|
|
60
|
+
BookOpen
|
|
61
|
+
BookOpenText
|
|
62
|
+
Bot
|
|
63
|
+
Box
|
|
64
|
+
Boxes
|
|
65
|
+
Braces
|
|
66
|
+
BracketsAngle
|
|
67
|
+
Brain
|
|
68
|
+
Briefcase
|
|
69
|
+
Browser
|
|
70
|
+
Brush
|
|
71
|
+
Bug
|
|
72
|
+
Building
|
|
73
|
+
Burger
|
|
74
|
+
Calculator
|
|
75
|
+
Calendar
|
|
76
|
+
CalendarDays
|
|
77
|
+
CalendarPlus
|
|
78
|
+
Camera
|
|
79
|
+
Capture
|
|
80
|
+
Car
|
|
81
|
+
CaretDown
|
|
82
|
+
CaretLeft
|
|
83
|
+
CaretRight
|
|
84
|
+
CaretUp
|
|
85
|
+
CarFront
|
|
86
|
+
Check
|
|
87
|
+
CheckCircle
|
|
88
|
+
CheckSquare
|
|
89
|
+
ChefHat
|
|
90
|
+
ChevronDown
|
|
91
|
+
ChevronLeft
|
|
92
|
+
ChevronRight
|
|
93
|
+
ChevronsDown
|
|
94
|
+
ChevronsLeft
|
|
95
|
+
ChevronsLeftRight
|
|
96
|
+
ChevronsRight
|
|
97
|
+
ChevronsUpDown
|
|
98
|
+
ChevronUp
|
|
99
|
+
Circle
|
|
100
|
+
CircleOff
|
|
101
|
+
CirclePlus
|
|
102
|
+
Clipboard
|
|
103
|
+
ClipboardCheck
|
|
104
|
+
ClipboardData
|
|
105
|
+
ClipboardText
|
|
106
|
+
Clock
|
|
107
|
+
Cloud
|
|
108
|
+
CloudRain
|
|
109
|
+
CloudUpload
|
|
110
|
+
Code
|
|
111
|
+
Cog
|
|
112
|
+
Columns
|
|
113
|
+
Columns3
|
|
114
|
+
Columns4
|
|
115
|
+
Command
|
|
116
|
+
Compass
|
|
117
|
+
Component
|
|
118
|
+
Computer
|
|
119
|
+
Construction
|
|
120
|
+
Cookie
|
|
121
|
+
Copy
|
|
122
|
+
CornerUpLeft
|
|
123
|
+
CornerUpRight
|
|
124
|
+
Cpu
|
|
125
|
+
Crown
|
|
126
|
+
Dashboard
|
|
127
|
+
Database
|
|
128
|
+
Delete
|
|
129
|
+
DeviceCode
|
|
130
|
+
Dog
|
|
131
|
+
DollarSign
|
|
132
|
+
Dot
|
|
133
|
+
Dots
|
|
134
|
+
DotsVertical
|
|
135
|
+
Download
|
|
136
|
+
Droplets
|
|
137
|
+
EPassport
|
|
138
|
+
Eraser
|
|
139
|
+
ExclamationPointMessageCircle
|
|
140
|
+
ExclamationPointOctagon
|
|
141
|
+
ExclamationPointTriangle
|
|
142
|
+
Expand
|
|
143
|
+
ExternalLink
|
|
144
|
+
Eye
|
|
145
|
+
EyeClosed
|
|
146
|
+
EyeOff
|
|
147
|
+
Facebook
|
|
148
|
+
Figma
|
|
149
|
+
File
|
|
150
|
+
FileCode
|
|
151
|
+
FileImage
|
|
152
|
+
FileInput
|
|
153
|
+
FileJson
|
|
154
|
+
FileOutput
|
|
155
|
+
FilePlus
|
|
156
|
+
FileSpreadsheet
|
|
157
|
+
FileText
|
|
158
|
+
FileTypeBmp
|
|
159
|
+
FileTypeCss
|
|
160
|
+
FileTypeCsv
|
|
161
|
+
FileTypeDoc
|
|
162
|
+
FileTypeDocx
|
|
163
|
+
FileTypeHtml
|
|
164
|
+
FileTypeJpg
|
|
165
|
+
FileTypeJs
|
|
166
|
+
FileTypeJsx
|
|
167
|
+
FileTypePdf
|
|
168
|
+
FileTypePhp
|
|
169
|
+
FileTypePng
|
|
170
|
+
FileTypePpt
|
|
171
|
+
FileTypeRs
|
|
172
|
+
FileTypeSql
|
|
173
|
+
FileTypeSvg
|
|
174
|
+
FileTypeTs
|
|
175
|
+
FileTypeTsx
|
|
176
|
+
FileTypeTxt
|
|
177
|
+
FileTypeVue
|
|
178
|
+
FileTypeXls
|
|
179
|
+
FileTypeXml
|
|
180
|
+
FileTypeZip
|
|
181
|
+
FileTypography
|
|
182
|
+
FileX
|
|
183
|
+
FishBone
|
|
184
|
+
Flag
|
|
185
|
+
Flame
|
|
186
|
+
Focus
|
|
187
|
+
Folder
|
|
188
|
+
FolderCheck
|
|
189
|
+
FolderClosed
|
|
190
|
+
FolderDown
|
|
191
|
+
FolderOpen
|
|
192
|
+
FolderPlus
|
|
193
|
+
FolderRoot
|
|
194
|
+
FolderSearch
|
|
195
|
+
FolderTree
|
|
196
|
+
FolderUp
|
|
197
|
+
Footprints
|
|
198
|
+
Forward
|
|
199
|
+
FourOhFour
|
|
200
|
+
Funnel
|
|
201
|
+
GalleryVerticalEnd
|
|
202
|
+
Gamepad2
|
|
203
|
+
Gauge
|
|
204
|
+
Gavel
|
|
205
|
+
Gem
|
|
206
|
+
Ghost
|
|
207
|
+
GhostFilled
|
|
208
|
+
GhostFloating
|
|
209
|
+
GhostFloatingFilled
|
|
210
|
+
Gift
|
|
211
|
+
GitBranch
|
|
212
|
+
GitCommitVertical
|
|
213
|
+
Github
|
|
214
|
+
Gitlab
|
|
215
|
+
Globe
|
|
216
|
+
GlobeLock
|
|
217
|
+
Golang
|
|
218
|
+
GraduationCap
|
|
219
|
+
Grid
|
|
220
|
+
Grid3X3
|
|
221
|
+
GripVertical
|
|
222
|
+
H1
|
|
223
|
+
H2
|
|
224
|
+
H3
|
|
225
|
+
H4
|
|
226
|
+
H5
|
|
227
|
+
H6
|
|
228
|
+
Hammer
|
|
229
|
+
HardDrive
|
|
230
|
+
HardHat
|
|
231
|
+
Heading
|
|
232
|
+
Headphones
|
|
233
|
+
Heart
|
|
234
|
+
HeartHandshake
|
|
235
|
+
Hexagon
|
|
236
|
+
Home
|
|
237
|
+
Html
|
|
238
|
+
ICircle
|
|
239
|
+
Image
|
|
240
|
+
Import
|
|
241
|
+
Inbox
|
|
242
|
+
IndentDecrease
|
|
243
|
+
IndentIncrease
|
|
244
|
+
index.ts
|
|
245
|
+
Instagram
|
|
246
|
+
Jack
|
|
247
|
+
Javascript
|
|
248
|
+
Kanban
|
|
249
|
+
Key
|
|
250
|
+
Keyboard
|
|
251
|
+
King
|
|
252
|
+
Kotlin
|
|
253
|
+
Laptop
|
|
254
|
+
Layers
|
|
255
|
+
LetterCaseLower
|
|
256
|
+
LetterCaseToggle
|
|
257
|
+
LetterCaseUpper
|
|
258
|
+
Library
|
|
259
|
+
LifeBuoy
|
|
260
|
+
Lightbulb
|
|
261
|
+
Link
|
|
262
|
+
Linkedin
|
|
263
|
+
List
|
|
264
|
+
ListCheck
|
|
265
|
+
ListChecks
|
|
266
|
+
ListFilter
|
|
267
|
+
ListFilterPlus
|
|
268
|
+
ListMusic
|
|
269
|
+
ListOrdered
|
|
270
|
+
ListRestart
|
|
271
|
+
Loader
|
|
272
|
+
LoaderCircle
|
|
273
|
+
Lock
|
|
274
|
+
LockOpen
|
|
275
|
+
LogIn
|
|
276
|
+
LogOut
|
|
277
|
+
Mail
|
|
278
|
+
MailCheck
|
|
279
|
+
Map
|
|
280
|
+
MapPin
|
|
281
|
+
Maximize
|
|
282
|
+
Megaphone
|
|
283
|
+
Menu
|
|
284
|
+
MessageCircle
|
|
285
|
+
MessageSquare
|
|
286
|
+
MessagesSquare
|
|
287
|
+
Mic
|
|
288
|
+
Minimize
|
|
289
|
+
Minus
|
|
290
|
+
Moon
|
|
291
|
+
MousePointer
|
|
292
|
+
Move
|
|
293
|
+
Music
|
|
294
|
+
Navigation
|
|
295
|
+
Newspaper
|
|
296
|
+
NotebookText
|
|
297
|
+
NotepadText
|
|
298
|
+
Npm
|
|
299
|
+
Package
|
|
300
|
+
Pacman
|
|
301
|
+
Paintbrush
|
|
302
|
+
Palette
|
|
303
|
+
PanelLeft
|
|
304
|
+
PanelLeftClose
|
|
305
|
+
PanelLeftOpen
|
|
306
|
+
PanelRight
|
|
307
|
+
Paperclip
|
|
308
|
+
Pause
|
|
309
|
+
Pdf
|
|
310
|
+
Pen
|
|
311
|
+
Pencil
|
|
312
|
+
PencilCheck
|
|
313
|
+
PenTool
|
|
314
|
+
Percent
|
|
315
|
+
Phone
|
|
316
|
+
Photo
|
|
317
|
+
PictureInPicture
|
|
318
|
+
PieChart
|
|
319
|
+
PiggyBank
|
|
320
|
+
Pin
|
|
321
|
+
Plane
|
|
322
|
+
Play
|
|
323
|
+
Plus
|
|
324
|
+
Pointer
|
|
325
|
+
Popcorn
|
|
326
|
+
Power
|
|
327
|
+
Prescription
|
|
328
|
+
Printer
|
|
329
|
+
PuzzlePiece
|
|
330
|
+
Python
|
|
331
|
+
QrCode
|
|
332
|
+
Queen
|
|
333
|
+
QuestionMarkCircle
|
|
334
|
+
QuestionMarkMessageCircle
|
|
335
|
+
Quote
|
|
336
|
+
Radar
|
|
337
|
+
Radio
|
|
338
|
+
Redo
|
|
339
|
+
RefreshCcw
|
|
340
|
+
RefreshCw
|
|
341
|
+
Repeat
|
|
342
|
+
Reply
|
|
343
|
+
ReplyAll
|
|
344
|
+
Rocket
|
|
345
|
+
RotateCcw
|
|
346
|
+
RotateCw
|
|
347
|
+
Ruler
|
|
348
|
+
Rust
|
|
349
|
+
Sass
|
|
350
|
+
Save
|
|
351
|
+
Scale
|
|
352
|
+
Scan
|
|
353
|
+
ScanLine
|
|
354
|
+
Scissors
|
|
355
|
+
Search
|
|
356
|
+
SearchX
|
|
357
|
+
Send
|
|
358
|
+
Settings
|
|
359
|
+
Share
|
|
360
|
+
Shield
|
|
361
|
+
Ship
|
|
362
|
+
ShoppingBag
|
|
363
|
+
ShoppingCart
|
|
364
|
+
Sidebar
|
|
365
|
+
SidebarRight
|
|
366
|
+
SkipBack
|
|
367
|
+
SkipForward
|
|
368
|
+
Smartphone
|
|
369
|
+
Smile
|
|
370
|
+
SmilePlus
|
|
371
|
+
SortAscending
|
|
372
|
+
SortDescending
|
|
373
|
+
Sparkles
|
|
374
|
+
Split
|
|
375
|
+
Square
|
|
376
|
+
SquareSplitHorizontal
|
|
377
|
+
SquareTerminal
|
|
378
|
+
Star
|
|
379
|
+
StarOff
|
|
380
|
+
Stopwatch
|
|
381
|
+
Store
|
|
382
|
+
Strikethrough
|
|
383
|
+
Subtitles
|
|
384
|
+
Sun
|
|
385
|
+
Svg
|
|
386
|
+
Swift
|
|
387
|
+
Table
|
|
388
|
+
Tag
|
|
389
|
+
Tally1
|
|
390
|
+
Tally2
|
|
391
|
+
Tally3
|
|
392
|
+
Tally4
|
|
393
|
+
Tally5
|
|
394
|
+
Target
|
|
395
|
+
Terminal
|
|
396
|
+
Terminal2
|
|
397
|
+
TextCursorInput
|
|
398
|
+
TextDecrease
|
|
399
|
+
TextIncrease
|
|
400
|
+
TextSize
|
|
401
|
+
TextWrap
|
|
402
|
+
TextWrapColumn
|
|
403
|
+
TextWrapDisabled
|
|
404
|
+
ThumbsDown
|
|
405
|
+
ThumbsUp
|
|
406
|
+
Ticket
|
|
407
|
+
Tilde
|
|
408
|
+
Timer
|
|
409
|
+
Toml
|
|
410
|
+
Trash
|
|
411
|
+
Trash2
|
|
412
|
+
TrendingDown
|
|
413
|
+
TrendingUp
|
|
414
|
+
Trophy
|
|
415
|
+
Truck
|
|
416
|
+
Tv
|
|
417
|
+
Twitter
|
|
418
|
+
Type
|
|
419
|
+
Typescript
|
|
420
|
+
Underline
|
|
421
|
+
Undo
|
|
422
|
+
Upload
|
|
423
|
+
User
|
|
424
|
+
UserCheck
|
|
425
|
+
UserCircle
|
|
426
|
+
UserDown
|
|
427
|
+
UserHeart
|
|
428
|
+
UserMinus
|
|
429
|
+
UserPlus
|
|
430
|
+
Users
|
|
431
|
+
UserSettings
|
|
432
|
+
UsersGroup
|
|
433
|
+
UserSquareRounded
|
|
434
|
+
UserStar
|
|
435
|
+
Utensils
|
|
436
|
+
UtensilsCrossed
|
|
437
|
+
Video
|
|
438
|
+
VideoOff
|
|
439
|
+
View360
|
|
440
|
+
Visa
|
|
441
|
+
VolumeDown
|
|
442
|
+
VolumeOff
|
|
443
|
+
VolumeUp
|
|
444
|
+
VolumeX
|
|
445
|
+
Walk
|
|
446
|
+
Wallet
|
|
447
|
+
Wallpaper
|
|
448
|
+
Wand
|
|
449
|
+
Waveform
|
|
450
|
+
Waves
|
|
451
|
+
Wifi
|
|
452
|
+
Wrench
|
|
453
|
+
X
|
|
454
|
+
XCircle
|
|
455
|
+
Youtube
|
|
456
|
+
Zap
|
|
457
|
+
ZoomIn
|
|
458
|
+
ZoomOut
|
|
459
|
+
|
|
460
|
+
## Basic Usage
|
|
461
|
+
|
|
462
|
+
### Import specific icons
|
|
463
|
+
|
|
464
|
+
```tsx
|
|
465
|
+
import { Home, User } from '@catalyst/icons';
|
|
466
|
+
|
|
467
|
+
function App() {
|
|
468
|
+
return (
|
|
469
|
+
<div>
|
|
470
|
+
<Home className="text-primary" size={24} />
|
|
471
|
+
<User className="text-gray-500" size={32} strokeWidth={1.5} />
|
|
472
|
+
</div>
|
|
473
|
+
);
|
|
474
|
+
}
|
|
475
|
+
```
|
|
476
|
+
|
|
477
|
+
### Dynamic icon rendering
|
|
478
|
+
|
|
479
|
+
```tsx
|
|
480
|
+
import { Icon, icons } from '@catalyst/icons';
|
|
481
|
+
|
|
482
|
+
function DynamicIcon({ iconName }: { iconName: string }) {
|
|
483
|
+
return <Icon name={iconName} icons={icons} className="text-blue-500" />;
|
|
484
|
+
}
|
|
485
|
+
```
|
|
486
|
+
|
|
487
|
+
## Props
|
|
488
|
+
|
|
489
|
+
All icons accept the following props:
|
|
490
|
+
|
|
491
|
+
- `size`: number | string (default: 24) - Size of the icon
|
|
492
|
+
- `color`: string (default: 'currentColor') - Stroke color
|
|
493
|
+
- `strokeWidth`: number | string (default: 2) - Width of the stroke
|
|
494
|
+
- `className`: string - CSS classes (works with Tailwind!)
|
|
495
|
+
- All standard SVG attributes
|
|
496
|
+
|
|
497
|
+
## Tailwind CSS Integration
|
|
498
|
+
|
|
499
|
+
Works seamlessly with Tailwind:
|
|
500
|
+
|
|
501
|
+
```tsx
|
|
502
|
+
<Home className="w-6 h-6 text-blue-500 hover:text-blue-700" />
|
|
503
|
+
<User className="text-primary dark:text-primary-dark" size={20} />
|
|
504
|
+
```
|
|
505
|
+
|