@jis3r/icons 1.2.0 → 1.5.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/dist/components/navbar.svelte +78 -0
- package/dist/components/navbar.svelte.d.ts +6 -0
- package/dist/components/ui/badge/badge.svelte.d.ts +2 -30
- package/dist/components/ui/button/button.svelte.d.ts +2 -62
- package/dist/components/ui/card/card-description.svelte +1 -1
- package/dist/components/ui/card/card-title.svelte +1 -1
- package/dist/components/ui/card/card.svelte +1 -1
- package/dist/components/ui/input/input.svelte +2 -2
- package/dist/components/ui/tooltip/tooltip-content.svelte +1 -1
- package/dist/icons/arrow-down-0-1.svelte.d.ts +3 -3
- package/dist/icons/arrow-down-1-0.svelte.d.ts +3 -3
- package/dist/icons/arrow-up-0-1.svelte.d.ts +3 -3
- package/dist/icons/arrow-up-1-0.svelte.d.ts +3 -3
- package/dist/icons/book-up-2.svelte.d.ts +3 -3
- package/dist/icons/bookmark-check.svelte +26 -2
- package/dist/icons/bookmark-minus.svelte +108 -0
- package/dist/icons/bookmark-minus.svelte.d.ts +19 -0
- package/dist/icons/bookmark-plus.svelte +114 -0
- package/dist/icons/bookmark-plus.svelte.d.ts +19 -0
- package/dist/icons/bookmark-x.svelte +114 -0
- package/dist/icons/{file-warning.svelte.d.ts → bookmark-x.svelte.d.ts} +3 -3
- package/dist/icons/bookmark.svelte +81 -0
- package/dist/icons/{align-center.svelte.d.ts → bookmark.svelte.d.ts} +3 -3
- package/dist/icons/bot.svelte +94 -0
- package/dist/icons/{file-check-2.svelte.d.ts → bot.svelte.d.ts} +3 -3
- package/dist/icons/calendar-check-2.svelte.d.ts +3 -3
- package/dist/icons/clock-1.svelte.d.ts +3 -3
- package/dist/icons/clock-10.svelte.d.ts +3 -3
- package/dist/icons/clock-11.svelte.d.ts +3 -3
- package/dist/icons/clock-12.svelte.d.ts +3 -3
- package/dist/icons/clock-2.svelte.d.ts +3 -3
- package/dist/icons/clock-3.svelte.d.ts +3 -3
- package/dist/icons/clock-4.svelte.d.ts +3 -3
- package/dist/icons/clock-5.svelte.d.ts +3 -3
- package/dist/icons/clock-6.svelte.d.ts +3 -3
- package/dist/icons/clock-7.svelte.d.ts +3 -3
- package/dist/icons/clock-8.svelte.d.ts +3 -3
- package/dist/icons/clock-9.svelte.d.ts +3 -3
- package/dist/icons/dice-1.svelte.d.ts +3 -3
- package/dist/icons/dice-2.svelte.d.ts +3 -3
- package/dist/icons/dice-3.svelte.d.ts +3 -3
- package/dist/icons/dice-4.svelte.d.ts +3 -3
- package/dist/icons/dice-5.svelte.d.ts +3 -3
- package/dist/icons/dice-6.svelte.d.ts +3 -3
- package/dist/icons/disc-3.svelte.d.ts +3 -3
- package/dist/icons/{file-check-2.svelte → file-check-corner.svelte} +9 -7
- package/dist/icons/file-check-corner.svelte.d.ts +19 -0
- package/dist/icons/{file-warning.svelte → file-exclamation-point.svelte} +6 -1
- package/dist/icons/file-exclamation-point.svelte.d.ts +19 -0
- package/dist/icons/grid-2x2-check.svelte.d.ts +3 -3
- package/dist/icons/index.js +59 -17
- package/dist/icons/link-2-off.svelte.d.ts +3 -3
- package/dist/icons/maximize-2.svelte.d.ts +3 -3
- package/dist/icons/minimize-2.svelte.d.ts +3 -3
- package/dist/icons/mouse-pointer-2.svelte.d.ts +3 -3
- package/dist/icons/move-diagonal-2.svelte.d.ts +3 -3
- package/dist/icons/navigation-2-off.svelte.d.ts +3 -3
- package/dist/icons/paperclip.svelte +81 -0
- package/dist/icons/paperclip.svelte.d.ts +19 -0
- package/dist/icons/{align-center.svelte → text-align-center.svelte} +1 -1
- package/dist/icons/text-align-center.svelte.d.ts +19 -0
- package/dist/icons/trash-2.svelte.d.ts +3 -3
- package/dist/index.d.ts +9 -3
- package/dist/index.js +9 -3
- package/dist/utils/icons.js +4 -2
- package/package.json +19 -8
|
@@ -26,7 +26,12 @@
|
|
|
26
26
|
}
|
|
27
27
|
</script>
|
|
28
28
|
|
|
29
|
-
<div
|
|
29
|
+
<div
|
|
30
|
+
class={className}
|
|
31
|
+
aria-label="file-exclamation-point"
|
|
32
|
+
role="img"
|
|
33
|
+
onmouseenter={handleMouseEnter}
|
|
34
|
+
>
|
|
30
35
|
<svg
|
|
31
36
|
xmlns="http://www.w3.org/2000/svg"
|
|
32
37
|
width={size}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export default FileExclamationPoint;
|
|
2
|
+
type FileExclamationPoint = {
|
|
3
|
+
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
+
$set?(props: Partial<Props>): void;
|
|
5
|
+
};
|
|
6
|
+
declare const FileExclamationPoint: import("svelte").Component<{
|
|
7
|
+
color?: string;
|
|
8
|
+
size?: number;
|
|
9
|
+
strokeWidth?: number;
|
|
10
|
+
isHovered?: boolean;
|
|
11
|
+
class?: string;
|
|
12
|
+
}, {}, "">;
|
|
13
|
+
type Props = {
|
|
14
|
+
color?: string;
|
|
15
|
+
size?: number;
|
|
16
|
+
strokeWidth?: number;
|
|
17
|
+
isHovered?: boolean;
|
|
18
|
+
class?: string;
|
|
19
|
+
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export default
|
|
2
|
-
type
|
|
1
|
+
export default Grid2x2Check;
|
|
2
|
+
type Grid2x2Check = {
|
|
3
3
|
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
4
|
$set?(props: Partial<Props>): void;
|
|
5
5
|
};
|
|
6
|
-
declare const
|
|
6
|
+
declare const Grid2x2Check: import("svelte").Component<{
|
|
7
7
|
color?: string;
|
|
8
8
|
size?: number;
|
|
9
9
|
strokeWidth?: number;
|
package/dist/icons/index.js
CHANGED
|
@@ -2,7 +2,6 @@ import activity from './activity.svelte';
|
|
|
2
2
|
import alarmClock from './alarm-clock.svelte';
|
|
3
3
|
import alarmClockCheck from './alarm-clock-check.svelte';
|
|
4
4
|
import alarmClockOff from './alarm-clock-off.svelte';
|
|
5
|
-
import alignCenter from './align-center.svelte';
|
|
6
5
|
import alignHorizontalSpaceAround from './align-horizontal-space-around.svelte';
|
|
7
6
|
import alignVerticalSpaceAround from './align-vertical-space-around.svelte';
|
|
8
7
|
import anvil from './anvil.svelte';
|
|
@@ -70,8 +69,12 @@ import bookHeart from './book-heart.svelte';
|
|
|
70
69
|
import bookImage from './book-image.svelte';
|
|
71
70
|
import bookKey from './book-key.svelte';
|
|
72
71
|
import bookLock from './book-lock.svelte';
|
|
72
|
+
import bookmark from './bookmark.svelte';
|
|
73
73
|
import bookmarkCheck from './bookmark-check.svelte';
|
|
74
74
|
import bookMarked from './book-marked.svelte';
|
|
75
|
+
import bookmarkMinus from './bookmark-minus.svelte';
|
|
76
|
+
import bookmarkPlus from './bookmark-plus.svelte';
|
|
77
|
+
import bookmarkX from './bookmark-x.svelte';
|
|
75
78
|
import bookMinus from './book-minus.svelte';
|
|
76
79
|
import bookOpenCheck from './book-open-check.svelte';
|
|
77
80
|
import bookPlus from './book-plus.svelte';
|
|
@@ -81,6 +84,7 @@ import bookUp from './book-up.svelte';
|
|
|
81
84
|
import bookUp2 from './book-up-2.svelte';
|
|
82
85
|
import bookUser from './book-user.svelte';
|
|
83
86
|
import bookX from './book-x.svelte';
|
|
87
|
+
import bot from './bot.svelte';
|
|
84
88
|
import botOff from './bot-off.svelte';
|
|
85
89
|
import boxes from './boxes.svelte';
|
|
86
90
|
import brainCog from './brain-cog.svelte';
|
|
@@ -203,9 +207,10 @@ import fileChartColumn from './file-chart-column.svelte';
|
|
|
203
207
|
import fileChartColumnIncreasing from './file-chart-column-increasing.svelte';
|
|
204
208
|
import fileChartLine from './file-chart-line.svelte';
|
|
205
209
|
import fileCheck from './file-check.svelte';
|
|
206
|
-
import
|
|
210
|
+
import fileCheckCorner from './file-check-corner.svelte';
|
|
207
211
|
import fileCog from './file-cog.svelte';
|
|
208
212
|
import fileDown from './file-down.svelte';
|
|
213
|
+
import fileExclamationPoint from './file-exclamation-point.svelte';
|
|
209
214
|
import fileMinus from './file-minus.svelte';
|
|
210
215
|
import filePen from './file-pen.svelte';
|
|
211
216
|
import filePenLine from './file-pen-line.svelte';
|
|
@@ -214,7 +219,6 @@ import fileQuestionMark from './file-question-mark.svelte';
|
|
|
214
219
|
import fileStack from './file-stack.svelte';
|
|
215
220
|
import fileTerminal from './file-terminal.svelte';
|
|
216
221
|
import fileUp from './file-up.svelte';
|
|
217
|
-
import fileWarning from './file-warning.svelte';
|
|
218
222
|
import fishOff from './fish-off.svelte';
|
|
219
223
|
import flagOff from './flag-off.svelte';
|
|
220
224
|
import flashlightOff from './flashlight-off.svelte';
|
|
@@ -333,6 +337,7 @@ import panelRightClose from './panel-right-close.svelte';
|
|
|
333
337
|
import panelRightOpen from './panel-right-open.svelte';
|
|
334
338
|
import panelTopClose from './panel-top-close.svelte';
|
|
335
339
|
import panelTopOpen from './panel-top-open.svelte';
|
|
340
|
+
import paperclip from './paperclip.svelte';
|
|
336
341
|
import pen from './pen.svelte';
|
|
337
342
|
import pencil from './pencil.svelte';
|
|
338
343
|
import pencilLine from './pencil-line.svelte';
|
|
@@ -432,6 +437,7 @@ import sword from './sword.svelte';
|
|
|
432
437
|
import tag from './tag.svelte';
|
|
433
438
|
import telescope from './telescope.svelte';
|
|
434
439
|
import terminal from './terminal.svelte';
|
|
440
|
+
import textAlignCenter from './text-align-center.svelte';
|
|
435
441
|
import textCursor from './text-cursor.svelte';
|
|
436
442
|
import textCursorInput from './text-cursor-input.svelte';
|
|
437
443
|
import textSearch from './text-search.svelte';
|
|
@@ -536,12 +542,6 @@ let ICONS_LIST = [
|
|
|
536
542
|
tags: ['morning', 'turn-off'],
|
|
537
543
|
categories: ['devices', 'notifications', 'time']
|
|
538
544
|
},
|
|
539
|
-
{
|
|
540
|
-
name: 'align-center',
|
|
541
|
-
icon: alignCenter,
|
|
542
|
-
tags: ['text', 'alignment', 'center'],
|
|
543
|
-
categories: ['text']
|
|
544
|
-
},
|
|
545
545
|
{
|
|
546
546
|
name: 'align-horizontal-space-around',
|
|
547
547
|
icon: alignHorizontalSpaceAround,
|
|
@@ -1740,12 +1740,42 @@ let ICONS_LIST = [
|
|
|
1740
1740
|
],
|
|
1741
1741
|
categories: ['text', 'gaming']
|
|
1742
1742
|
},
|
|
1743
|
+
{
|
|
1744
|
+
name: 'bookmark',
|
|
1745
|
+
icon: bookmark,
|
|
1746
|
+
tags: ['read', 'clip', 'marker', 'tag'],
|
|
1747
|
+
categories: ['account']
|
|
1748
|
+
},
|
|
1743
1749
|
{
|
|
1744
1750
|
name: 'bookmark-check',
|
|
1745
1751
|
icon: bookmarkCheck,
|
|
1746
1752
|
tags: ['read', 'finished', 'complete', 'clip', 'marker', 'tag', 'task', 'todo'],
|
|
1747
1753
|
categories: ['account']
|
|
1748
1754
|
},
|
|
1755
|
+
{
|
|
1756
|
+
name: 'bookmark-minus',
|
|
1757
|
+
icon: bookmarkMinus,
|
|
1758
|
+
tags: ['delete', 'remove'],
|
|
1759
|
+
categories: ['account']
|
|
1760
|
+
},
|
|
1761
|
+
{
|
|
1762
|
+
name: 'bookmark-plus',
|
|
1763
|
+
icon: bookmarkPlus,
|
|
1764
|
+
tags: ['add'],
|
|
1765
|
+
categories: ['account']
|
|
1766
|
+
},
|
|
1767
|
+
{
|
|
1768
|
+
name: 'bookmark-x',
|
|
1769
|
+
icon: bookmarkX,
|
|
1770
|
+
tags: ['read', 'clip', 'marker', 'tag', 'cancel', 'close', 'delete', 'remove', 'clear'],
|
|
1771
|
+
categories: ['account']
|
|
1772
|
+
},
|
|
1773
|
+
{
|
|
1774
|
+
name: 'bot',
|
|
1775
|
+
icon: bot,
|
|
1776
|
+
tags: ['robot', 'ai', 'chat', 'assistant'],
|
|
1777
|
+
categories: ['development', 'social']
|
|
1778
|
+
},
|
|
1749
1779
|
{
|
|
1750
1780
|
name: 'bot-off',
|
|
1751
1781
|
icon: botOff,
|
|
@@ -2787,8 +2817,8 @@ let ICONS_LIST = [
|
|
|
2787
2817
|
categories: ['files']
|
|
2788
2818
|
},
|
|
2789
2819
|
{
|
|
2790
|
-
name: 'file-check-
|
|
2791
|
-
icon:
|
|
2820
|
+
name: 'file-check-corner',
|
|
2821
|
+
icon: fileCheckCorner,
|
|
2792
2822
|
tags: ['done', 'document', 'todo', 'tick', 'complete', 'task'],
|
|
2793
2823
|
categories: ['files']
|
|
2794
2824
|
},
|
|
@@ -2804,6 +2834,12 @@ let ICONS_LIST = [
|
|
|
2804
2834
|
tags: ['download', 'import', 'export'],
|
|
2805
2835
|
categories: ['files', 'arrows']
|
|
2806
2836
|
},
|
|
2837
|
+
{
|
|
2838
|
+
name: 'file-exclamation-point',
|
|
2839
|
+
icon: fileExclamationPoint,
|
|
2840
|
+
tags: ['hidden', 'warning', 'alert', 'danger', 'protected', 'exclamation mark'],
|
|
2841
|
+
categories: ['files', 'notifications']
|
|
2842
|
+
},
|
|
2807
2843
|
{
|
|
2808
2844
|
name: 'file-minus',
|
|
2809
2845
|
icon: fileMinus,
|
|
@@ -2852,12 +2888,6 @@ let ICONS_LIST = [
|
|
|
2852
2888
|
tags: ['upload', 'import', 'export'],
|
|
2853
2889
|
categories: ['files', 'arrows']
|
|
2854
2890
|
},
|
|
2855
|
-
{
|
|
2856
|
-
name: 'file-warning',
|
|
2857
|
-
icon: fileWarning,
|
|
2858
|
-
tags: ['hidden', 'warning', 'alert', 'danger', 'protected', 'exclamation mark'],
|
|
2859
|
-
categories: ['files', 'notifications']
|
|
2860
|
-
},
|
|
2861
2891
|
{
|
|
2862
2892
|
name: 'fish-off',
|
|
2863
2893
|
icon: fishOff,
|
|
@@ -3919,6 +3949,12 @@ let ICONS_LIST = [
|
|
|
3919
3949
|
tags: ['menu bar', 'drawer', 'show', 'reveal', 'chevron', 'down'],
|
|
3920
3950
|
categories: ['layout', 'arrows']
|
|
3921
3951
|
},
|
|
3952
|
+
{
|
|
3953
|
+
name: 'paperclip',
|
|
3954
|
+
icon: paperclip,
|
|
3955
|
+
tags: ['attachment', 'file'],
|
|
3956
|
+
categories: ['text', 'design', 'files', 'mail']
|
|
3957
|
+
},
|
|
3922
3958
|
{
|
|
3923
3959
|
name: 'pen',
|
|
3924
3960
|
icon: pen,
|
|
@@ -5202,6 +5238,12 @@ let ICONS_LIST = [
|
|
|
5202
5238
|
tags: ['code', 'command line', 'prompt', 'shell'],
|
|
5203
5239
|
categories: ['development']
|
|
5204
5240
|
},
|
|
5241
|
+
{
|
|
5242
|
+
name: 'text-align-center',
|
|
5243
|
+
icon: textAlignCenter,
|
|
5244
|
+
tags: ['text', 'alignment', 'center'],
|
|
5245
|
+
categories: ['text']
|
|
5246
|
+
},
|
|
5205
5247
|
{
|
|
5206
5248
|
name: 'text-cursor',
|
|
5207
5249
|
icon: textCursor,
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export default
|
|
2
|
-
type
|
|
1
|
+
export default Link2Off;
|
|
2
|
+
type Link2Off = {
|
|
3
3
|
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
4
|
$set?(props: Partial<Props>): void;
|
|
5
5
|
};
|
|
6
|
-
declare const
|
|
6
|
+
declare const Link2Off: import("svelte").Component<{
|
|
7
7
|
color?: string;
|
|
8
8
|
size?: number;
|
|
9
9
|
strokeWidth?: number;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export default
|
|
2
|
-
type
|
|
1
|
+
export default Maximize2;
|
|
2
|
+
type Maximize2 = {
|
|
3
3
|
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
4
|
$set?(props: Partial<Props>): void;
|
|
5
5
|
};
|
|
6
|
-
declare const
|
|
6
|
+
declare const Maximize2: import("svelte").Component<{
|
|
7
7
|
color?: string;
|
|
8
8
|
size?: number;
|
|
9
9
|
strokeWidth?: number;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export default
|
|
2
|
-
type
|
|
1
|
+
export default Minimize2;
|
|
2
|
+
type Minimize2 = {
|
|
3
3
|
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
4
|
$set?(props: Partial<Props>): void;
|
|
5
5
|
};
|
|
6
|
-
declare const
|
|
6
|
+
declare const Minimize2: import("svelte").Component<{
|
|
7
7
|
color?: string;
|
|
8
8
|
size?: number;
|
|
9
9
|
strokeWidth?: number;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export default
|
|
2
|
-
type
|
|
1
|
+
export default MousePointer2;
|
|
2
|
+
type MousePointer2 = {
|
|
3
3
|
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
4
|
$set?(props: Partial<Props>): void;
|
|
5
5
|
};
|
|
6
|
-
declare const
|
|
6
|
+
declare const MousePointer2: import("svelte").Component<{
|
|
7
7
|
color?: string;
|
|
8
8
|
size?: number;
|
|
9
9
|
strokeWidth?: number;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export default
|
|
2
|
-
type
|
|
1
|
+
export default MoveDiagonal2;
|
|
2
|
+
type MoveDiagonal2 = {
|
|
3
3
|
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
4
|
$set?(props: Partial<Props>): void;
|
|
5
5
|
};
|
|
6
|
-
declare const
|
|
6
|
+
declare const MoveDiagonal2: import("svelte").Component<{
|
|
7
7
|
color?: string;
|
|
8
8
|
size?: number;
|
|
9
9
|
strokeWidth?: number;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export default
|
|
2
|
-
type
|
|
1
|
+
export default Navigation2Off;
|
|
2
|
+
type Navigation2Off = {
|
|
3
3
|
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
4
|
$set?(props: Partial<Props>): void;
|
|
5
5
|
};
|
|
6
|
-
declare const
|
|
6
|
+
declare const Navigation2Off: import("svelte").Component<{
|
|
7
7
|
color?: string;
|
|
8
8
|
size?: number;
|
|
9
9
|
strokeWidth?: number;
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
<script>
|
|
2
|
+
/**
|
|
3
|
+
* @typedef {Object} Props
|
|
4
|
+
* @property {string} [color]
|
|
5
|
+
* @property {number} [size]
|
|
6
|
+
* @property {number} [strokeWidth]
|
|
7
|
+
* @property {boolean} [isHovered]
|
|
8
|
+
* @property {string} [class]
|
|
9
|
+
*/
|
|
10
|
+
|
|
11
|
+
/** @type {Props} */
|
|
12
|
+
let {
|
|
13
|
+
color = 'currentColor',
|
|
14
|
+
size = 24,
|
|
15
|
+
strokeWidth = 2,
|
|
16
|
+
isHovered = false,
|
|
17
|
+
class: className = ''
|
|
18
|
+
} = $props();
|
|
19
|
+
|
|
20
|
+
function handleMouseEnter() {
|
|
21
|
+
isHovered = true;
|
|
22
|
+
|
|
23
|
+
setTimeout(() => {
|
|
24
|
+
isHovered = false;
|
|
25
|
+
}, 600);
|
|
26
|
+
}
|
|
27
|
+
</script>
|
|
28
|
+
|
|
29
|
+
<div class={className} aria-label="paperclip" role="img" onmouseenter={handleMouseEnter}>
|
|
30
|
+
<svg
|
|
31
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
32
|
+
width={size}
|
|
33
|
+
height={size}
|
|
34
|
+
viewBox="0 0 24 24"
|
|
35
|
+
fill="none"
|
|
36
|
+
stroke={color}
|
|
37
|
+
stroke-width={strokeWidth}
|
|
38
|
+
stroke-linecap="round"
|
|
39
|
+
stroke-linejoin="round"
|
|
40
|
+
class="paperclip-icon"
|
|
41
|
+
class:animate={isHovered}
|
|
42
|
+
>
|
|
43
|
+
<path
|
|
44
|
+
d="m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551"
|
|
45
|
+
class="paperclip-path"
|
|
46
|
+
/>
|
|
47
|
+
</svg>
|
|
48
|
+
</div>
|
|
49
|
+
|
|
50
|
+
<style>
|
|
51
|
+
div {
|
|
52
|
+
display: inline-block;
|
|
53
|
+
}
|
|
54
|
+
.paperclip-icon {
|
|
55
|
+
overflow: visible;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.paperclip-path {
|
|
59
|
+
stroke-dasharray: 87;
|
|
60
|
+
stroke-dashoffset: 0;
|
|
61
|
+
transition:
|
|
62
|
+
stroke-dashoffset 0.6s ease-in,
|
|
63
|
+
opacity 0.1s ease-in;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.paperclip-icon.animate .paperclip-path {
|
|
67
|
+
animation: drawPath 0.6s ease-in forwards;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
@keyframes drawPath {
|
|
71
|
+
0% {
|
|
72
|
+
stroke-dashoffset: 87;
|
|
73
|
+
}
|
|
74
|
+
15% {
|
|
75
|
+
stroke-dashoffset: 87;
|
|
76
|
+
}
|
|
77
|
+
100% {
|
|
78
|
+
stroke-dashoffset: 174;
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
</style>
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export default Paperclip;
|
|
2
|
+
type Paperclip = {
|
|
3
|
+
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
+
$set?(props: Partial<Props>): void;
|
|
5
|
+
};
|
|
6
|
+
declare const Paperclip: import("svelte").Component<{
|
|
7
|
+
color?: string;
|
|
8
|
+
size?: number;
|
|
9
|
+
strokeWidth?: number;
|
|
10
|
+
isHovered?: boolean;
|
|
11
|
+
class?: string;
|
|
12
|
+
}, {}, "">;
|
|
13
|
+
type Props = {
|
|
14
|
+
color?: string;
|
|
15
|
+
size?: number;
|
|
16
|
+
strokeWidth?: number;
|
|
17
|
+
isHovered?: boolean;
|
|
18
|
+
class?: string;
|
|
19
|
+
};
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
}
|
|
27
27
|
</script>
|
|
28
28
|
|
|
29
|
-
<div class={className} aria-label="align-center" role="img" onmouseenter={handleMouseEnter}>
|
|
29
|
+
<div class={className} aria-label="text-align-center" role="img" onmouseenter={handleMouseEnter}>
|
|
30
30
|
<svg
|
|
31
31
|
xmlns="http://www.w3.org/2000/svg"
|
|
32
32
|
width={size}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export default TextAlignCenter;
|
|
2
|
+
type TextAlignCenter = {
|
|
3
|
+
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
+
$set?(props: Partial<Props>): void;
|
|
5
|
+
};
|
|
6
|
+
declare const TextAlignCenter: import("svelte").Component<{
|
|
7
|
+
color?: string;
|
|
8
|
+
size?: number;
|
|
9
|
+
strokeWidth?: number;
|
|
10
|
+
isHovered?: boolean;
|
|
11
|
+
class?: string;
|
|
12
|
+
}, {}, "">;
|
|
13
|
+
type Props = {
|
|
14
|
+
color?: string;
|
|
15
|
+
size?: number;
|
|
16
|
+
strokeWidth?: number;
|
|
17
|
+
isHovered?: boolean;
|
|
18
|
+
class?: string;
|
|
19
|
+
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export default
|
|
2
|
-
type
|
|
1
|
+
export default Trash2;
|
|
2
|
+
type Trash2 = {
|
|
3
3
|
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
4
|
$set?(props: Partial<Props>): void;
|
|
5
5
|
};
|
|
6
|
-
declare const
|
|
6
|
+
declare const Trash2: import("svelte").Component<{
|
|
7
7
|
color?: string;
|
|
8
8
|
size?: number;
|
|
9
9
|
strokeWidth?: number;
|
package/dist/index.d.ts
CHANGED
|
@@ -2,7 +2,6 @@ export { default as Activity } from "./icons/activity.svelte";
|
|
|
2
2
|
export { default as AlarmClockCheck } from "./icons/alarm-clock-check.svelte";
|
|
3
3
|
export { default as AlarmClockOff } from "./icons/alarm-clock-off.svelte";
|
|
4
4
|
export { default as AlarmClock } from "./icons/alarm-clock.svelte";
|
|
5
|
-
export { default as AlignCenter } from "./icons/align-center.svelte";
|
|
6
5
|
export { default as AlignHorizontalSpaceAround } from "./icons/align-horizontal-space-around.svelte";
|
|
7
6
|
export { default as AlignVerticalSpaceAround } from "./icons/align-vertical-space-around.svelte";
|
|
8
7
|
export { default as Anvil } from "./icons/anvil.svelte";
|
|
@@ -81,7 +80,12 @@ export { default as BookUser } from "./icons/book-user.svelte";
|
|
|
81
80
|
export { default as BookX } from "./icons/book-x.svelte";
|
|
82
81
|
export { default as Book } from "./icons/book.svelte";
|
|
83
82
|
export { default as BookmarkCheck } from "./icons/bookmark-check.svelte";
|
|
83
|
+
export { default as BookmarkMinus } from "./icons/bookmark-minus.svelte";
|
|
84
|
+
export { default as BookmarkPlus } from "./icons/bookmark-plus.svelte";
|
|
85
|
+
export { default as BookmarkX } from "./icons/bookmark-x.svelte";
|
|
86
|
+
export { default as Bookmark } from "./icons/bookmark.svelte";
|
|
84
87
|
export { default as BotOff } from "./icons/bot-off.svelte";
|
|
88
|
+
export { default as Bot } from "./icons/bot.svelte";
|
|
85
89
|
export { default as Boxes } from "./icons/boxes.svelte";
|
|
86
90
|
export { default as BrainCog } from "./icons/brain-cog.svelte";
|
|
87
91
|
export { default as BriefcaseBusiness } from "./icons/briefcase-business.svelte";
|
|
@@ -202,10 +206,11 @@ export { default as EyeOff } from "./icons/eye-off.svelte";
|
|
|
202
206
|
export { default as FileChartColumnIncreasing } from "./icons/file-chart-column-increasing.svelte";
|
|
203
207
|
export { default as FileChartColumn } from "./icons/file-chart-column.svelte";
|
|
204
208
|
export { default as FileChartLine } from "./icons/file-chart-line.svelte";
|
|
205
|
-
export { default as
|
|
209
|
+
export { default as FileCheckCorner } from "./icons/file-check-corner.svelte";
|
|
206
210
|
export { default as FileCheck } from "./icons/file-check.svelte";
|
|
207
211
|
export { default as FileCog } from "./icons/file-cog.svelte";
|
|
208
212
|
export { default as FileDown } from "./icons/file-down.svelte";
|
|
213
|
+
export { default as FileExclamationPoint } from "./icons/file-exclamation-point.svelte";
|
|
209
214
|
export { default as FileMinus } from "./icons/file-minus.svelte";
|
|
210
215
|
export { default as FilePenLine } from "./icons/file-pen-line.svelte";
|
|
211
216
|
export { default as FilePen } from "./icons/file-pen.svelte";
|
|
@@ -214,7 +219,6 @@ export { default as FileQuestionMark } from "./icons/file-question-mark.svelte";
|
|
|
214
219
|
export { default as FileStack } from "./icons/file-stack.svelte";
|
|
215
220
|
export { default as FileTerminal } from "./icons/file-terminal.svelte";
|
|
216
221
|
export { default as FileUp } from "./icons/file-up.svelte";
|
|
217
|
-
export { default as FileWarning } from "./icons/file-warning.svelte";
|
|
218
222
|
export { default as FishOff } from "./icons/fish-off.svelte";
|
|
219
223
|
export { default as FlagOff } from "./icons/flag-off.svelte";
|
|
220
224
|
export { default as FlashlightOff } from "./icons/flashlight-off.svelte";
|
|
@@ -333,6 +337,7 @@ export { default as PanelRightClose } from "./icons/panel-right-close.svelte";
|
|
|
333
337
|
export { default as PanelRightOpen } from "./icons/panel-right-open.svelte";
|
|
334
338
|
export { default as PanelTopClose } from "./icons/panel-top-close.svelte";
|
|
335
339
|
export { default as PanelTopOpen } from "./icons/panel-top-open.svelte";
|
|
340
|
+
export { default as Paperclip } from "./icons/paperclip.svelte";
|
|
336
341
|
export { default as PenLine } from "./icons/pen-line.svelte";
|
|
337
342
|
export { default as PenOff } from "./icons/pen-off.svelte";
|
|
338
343
|
export { default as Pen } from "./icons/pen.svelte";
|
|
@@ -432,6 +437,7 @@ export { default as Sword } from "./icons/sword.svelte";
|
|
|
432
437
|
export { default as Tag } from "./icons/tag.svelte";
|
|
433
438
|
export { default as Telescope } from "./icons/telescope.svelte";
|
|
434
439
|
export { default as Terminal } from "./icons/terminal.svelte";
|
|
440
|
+
export { default as TextAlignCenter } from "./icons/text-align-center.svelte";
|
|
435
441
|
export { default as TextCursorInput } from "./icons/text-cursor-input.svelte";
|
|
436
442
|
export { default as TextCursor } from "./icons/text-cursor.svelte";
|
|
437
443
|
export { default as TextSearch } from "./icons/text-search.svelte";
|
package/dist/index.js
CHANGED
|
@@ -2,7 +2,6 @@ export { default as Activity } from './icons/activity.svelte';
|
|
|
2
2
|
export { default as AlarmClockCheck } from './icons/alarm-clock-check.svelte';
|
|
3
3
|
export { default as AlarmClockOff } from './icons/alarm-clock-off.svelte';
|
|
4
4
|
export { default as AlarmClock } from './icons/alarm-clock.svelte';
|
|
5
|
-
export { default as AlignCenter } from './icons/align-center.svelte';
|
|
6
5
|
export { default as AlignHorizontalSpaceAround } from './icons/align-horizontal-space-around.svelte';
|
|
7
6
|
export { default as AlignVerticalSpaceAround } from './icons/align-vertical-space-around.svelte';
|
|
8
7
|
export { default as Anvil } from './icons/anvil.svelte';
|
|
@@ -81,7 +80,12 @@ export { default as BookUser } from './icons/book-user.svelte';
|
|
|
81
80
|
export { default as BookX } from './icons/book-x.svelte';
|
|
82
81
|
export { default as Book } from './icons/book.svelte';
|
|
83
82
|
export { default as BookmarkCheck } from './icons/bookmark-check.svelte';
|
|
83
|
+
export { default as BookmarkMinus } from './icons/bookmark-minus.svelte';
|
|
84
|
+
export { default as BookmarkPlus } from './icons/bookmark-plus.svelte';
|
|
85
|
+
export { default as BookmarkX } from './icons/bookmark-x.svelte';
|
|
86
|
+
export { default as Bookmark } from './icons/bookmark.svelte';
|
|
84
87
|
export { default as BotOff } from './icons/bot-off.svelte';
|
|
88
|
+
export { default as Bot } from './icons/bot.svelte';
|
|
85
89
|
export { default as Boxes } from './icons/boxes.svelte';
|
|
86
90
|
export { default as BrainCog } from './icons/brain-cog.svelte';
|
|
87
91
|
export { default as BriefcaseBusiness } from './icons/briefcase-business.svelte';
|
|
@@ -202,10 +206,11 @@ export { default as EyeOff } from './icons/eye-off.svelte';
|
|
|
202
206
|
export { default as FileChartColumnIncreasing } from './icons/file-chart-column-increasing.svelte';
|
|
203
207
|
export { default as FileChartColumn } from './icons/file-chart-column.svelte';
|
|
204
208
|
export { default as FileChartLine } from './icons/file-chart-line.svelte';
|
|
205
|
-
export { default as
|
|
209
|
+
export { default as FileCheckCorner } from './icons/file-check-corner.svelte';
|
|
206
210
|
export { default as FileCheck } from './icons/file-check.svelte';
|
|
207
211
|
export { default as FileCog } from './icons/file-cog.svelte';
|
|
208
212
|
export { default as FileDown } from './icons/file-down.svelte';
|
|
213
|
+
export { default as FileExclamationPoint } from './icons/file-exclamation-point.svelte';
|
|
209
214
|
export { default as FileMinus } from './icons/file-minus.svelte';
|
|
210
215
|
export { default as FilePenLine } from './icons/file-pen-line.svelte';
|
|
211
216
|
export { default as FilePen } from './icons/file-pen.svelte';
|
|
@@ -214,7 +219,6 @@ export { default as FileQuestionMark } from './icons/file-question-mark.svelte';
|
|
|
214
219
|
export { default as FileStack } from './icons/file-stack.svelte';
|
|
215
220
|
export { default as FileTerminal } from './icons/file-terminal.svelte';
|
|
216
221
|
export { default as FileUp } from './icons/file-up.svelte';
|
|
217
|
-
export { default as FileWarning } from './icons/file-warning.svelte';
|
|
218
222
|
export { default as FishOff } from './icons/fish-off.svelte';
|
|
219
223
|
export { default as FlagOff } from './icons/flag-off.svelte';
|
|
220
224
|
export { default as FlashlightOff } from './icons/flashlight-off.svelte';
|
|
@@ -333,6 +337,7 @@ export { default as PanelRightClose } from './icons/panel-right-close.svelte';
|
|
|
333
337
|
export { default as PanelRightOpen } from './icons/panel-right-open.svelte';
|
|
334
338
|
export { default as PanelTopClose } from './icons/panel-top-close.svelte';
|
|
335
339
|
export { default as PanelTopOpen } from './icons/panel-top-open.svelte';
|
|
340
|
+
export { default as Paperclip } from './icons/paperclip.svelte';
|
|
336
341
|
export { default as PenLine } from './icons/pen-line.svelte';
|
|
337
342
|
export { default as PenOff } from './icons/pen-off.svelte';
|
|
338
343
|
export { default as Pen } from './icons/pen.svelte';
|
|
@@ -432,6 +437,7 @@ export { default as Sword } from './icons/sword.svelte';
|
|
|
432
437
|
export { default as Tag } from './icons/tag.svelte';
|
|
433
438
|
export { default as Telescope } from './icons/telescope.svelte';
|
|
434
439
|
export { default as Terminal } from './icons/terminal.svelte';
|
|
440
|
+
export { default as TextAlignCenter } from './icons/text-align-center.svelte';
|
|
435
441
|
export { default as TextCursorInput } from './icons/text-cursor-input.svelte';
|
|
436
442
|
export { default as TextCursor } from './icons/text-cursor.svelte';
|
|
437
443
|
export { default as TextSearch } from './icons/text-search.svelte';
|
package/dist/utils/icons.js
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import iflog from 'iflog';
|
|
2
|
+
|
|
1
3
|
export let getIconSource = async (iconName) => {
|
|
2
4
|
try {
|
|
3
5
|
// Create a map of all icon files at build time
|
|
@@ -42,7 +44,7 @@ export let preloadIconSources = async (icons) => {
|
|
|
42
44
|
// Wait for all to complete and return the updated icons array
|
|
43
45
|
return await Promise.all(loadPromises);
|
|
44
46
|
} catch (error) {
|
|
45
|
-
|
|
47
|
+
iflog.error('Failed to preload icon sources:', error);
|
|
46
48
|
throw error;
|
|
47
49
|
}
|
|
48
50
|
};
|
|
@@ -62,7 +64,7 @@ export let downloadIcon = async (icon) => {
|
|
|
62
64
|
link.click();
|
|
63
65
|
URL.revokeObjectURL(url);
|
|
64
66
|
} catch (error) {
|
|
65
|
-
|
|
67
|
+
iflog.error(`Failed to download icon ${icon.name}:`, error);
|
|
66
68
|
throw error;
|
|
67
69
|
}
|
|
68
70
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jis3r/icons",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.5.0",
|
|
4
4
|
"description": "beautifully crafted, moving icons. for svelte.",
|
|
5
|
+
"keywords": [
|
|
6
|
+
"svelte",
|
|
7
|
+
"icons",
|
|
8
|
+
"lucide",
|
|
9
|
+
"animated",
|
|
10
|
+
"beautiful",
|
|
11
|
+
"moving"
|
|
12
|
+
],
|
|
5
13
|
"author": "jis3r",
|
|
6
14
|
"license": "MIT",
|
|
7
15
|
"scripts": {
|
|
@@ -37,10 +45,12 @@
|
|
|
37
45
|
}
|
|
38
46
|
},
|
|
39
47
|
"devDependencies": {
|
|
48
|
+
"@lucide/svelte": "^0.552.0",
|
|
40
49
|
"@sveltejs/adapter-auto": "^6.0.1",
|
|
41
50
|
"@sveltejs/kit": "^2.26.1",
|
|
42
51
|
"@sveltejs/package": "^2.0.0",
|
|
43
52
|
"@sveltejs/vite-plugin-svelte": "^5.0.3",
|
|
53
|
+
"@tailwindcss/vite": "^4.1.16",
|
|
44
54
|
"@types/eslint": "^9.6.0",
|
|
45
55
|
"autoprefixer": "^10.4.20",
|
|
46
56
|
"bits-ui": "^1.8.0",
|
|
@@ -51,26 +61,27 @@
|
|
|
51
61
|
"globals": "^16.0.0",
|
|
52
62
|
"prettier": "^3.3.2",
|
|
53
63
|
"prettier-plugin-svelte": "^3.2.6",
|
|
54
|
-
"prettier-plugin-tailwindcss": "^0.
|
|
64
|
+
"prettier-plugin-tailwindcss": "^0.7.1",
|
|
55
65
|
"publint": "^0.3.10",
|
|
56
|
-
"tailwind-merge": "^
|
|
57
|
-
"tailwind-variants": "^
|
|
58
|
-
"tailwindcss": "^
|
|
66
|
+
"tailwind-merge": "^3.3.1",
|
|
67
|
+
"tailwind-variants": "^3.1.1",
|
|
68
|
+
"tailwindcss": "^4.1.16",
|
|
59
69
|
"tailwindcss-animate": "^1.0.7",
|
|
70
|
+
"tw-animate-css": "^1.4.0",
|
|
60
71
|
"typescript": "^5.3.2",
|
|
61
72
|
"vite": "^6.3.5",
|
|
62
73
|
"vite-plugin-raw": "^1.0.3",
|
|
63
74
|
"vitest": "^3.1.1"
|
|
64
75
|
},
|
|
65
76
|
"dependencies": {
|
|
66
|
-
"@lucide/svelte": "^0.535.0",
|
|
67
77
|
"@number-flow/svelte": "^0.3.6",
|
|
68
78
|
"iflog": "^0.3.0",
|
|
69
79
|
"mode-watcher": "^0.5.1",
|
|
70
|
-
"motion": "^12.23.
|
|
80
|
+
"motion": "^12.23.24",
|
|
71
81
|
"posthog-js": "^1.246.0",
|
|
72
82
|
"shadcn-svelte": "^1.0.6",
|
|
73
|
-
"svelte": "^5.0.0"
|
|
83
|
+
"svelte": "^5.0.0",
|
|
84
|
+
"svelte-fast-marquee": "^1.0.2"
|
|
74
85
|
},
|
|
75
86
|
"overrides": {
|
|
76
87
|
"cookie": "0.7.0"
|