@jis3r/icons 1.6.0 → 1.7.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/icons/file-sliders.svelte +75 -0
- package/dist/icons/file-sliders.svelte.d.ts +19 -0
- package/dist/icons/index.js +20 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,75 @@
|
|
|
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 = 28,
|
|
15
|
+
strokeWidth = 2,
|
|
16
|
+
isHovered = false,
|
|
17
|
+
class: className = ''
|
|
18
|
+
} = $props();
|
|
19
|
+
|
|
20
|
+
function handleMouseEnter() {
|
|
21
|
+
isHovered = true;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
function handleMouseLeave() {
|
|
25
|
+
isHovered = false;
|
|
26
|
+
}
|
|
27
|
+
</script>
|
|
28
|
+
|
|
29
|
+
<div
|
|
30
|
+
class={className}
|
|
31
|
+
aria-label="file-sliders"
|
|
32
|
+
role="img"
|
|
33
|
+
onmouseenter={handleMouseEnter}
|
|
34
|
+
onmouseleave={handleMouseLeave}
|
|
35
|
+
>
|
|
36
|
+
<svg
|
|
37
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
38
|
+
width="24"
|
|
39
|
+
height="24"
|
|
40
|
+
viewBox="0 0 24 24"
|
|
41
|
+
fill="none"
|
|
42
|
+
stroke="currentColor"
|
|
43
|
+
stroke-width="2"
|
|
44
|
+
stroke-linecap="round"
|
|
45
|
+
stroke-linejoin="round"
|
|
46
|
+
class="lucide lucide-file-sliders-icon lucide-file-sliders"
|
|
47
|
+
>
|
|
48
|
+
<path
|
|
49
|
+
d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"
|
|
50
|
+
/>
|
|
51
|
+
<path d="M14 2v5a1 1 0 0 0 1 1h5" />
|
|
52
|
+
<path d="M8 12h8" />
|
|
53
|
+
<path d="M10 11v2" class:animate-line1={isHovered} />
|
|
54
|
+
<path d="M8 17h8" />
|
|
55
|
+
<path d="M14 16v2" class:animate-line2={isHovered} />
|
|
56
|
+
</svg>
|
|
57
|
+
</div>
|
|
58
|
+
|
|
59
|
+
<style>
|
|
60
|
+
div {
|
|
61
|
+
display: inline-block;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
path {
|
|
65
|
+
transition: transform 400ms cubic-bezier(0.34, 1.56, 0.64, 1);
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.animate-line1 {
|
|
69
|
+
transform: translateX(4px);
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.animate-line2 {
|
|
73
|
+
transform: translateX(-4px);
|
|
74
|
+
}
|
|
75
|
+
</style>
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export default FileSliders;
|
|
2
|
+
type FileSliders = {
|
|
3
|
+
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
+
$set?(props: Partial<Props>): void;
|
|
5
|
+
};
|
|
6
|
+
declare const FileSliders: 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
|
+
};
|
package/dist/icons/index.js
CHANGED
|
@@ -216,6 +216,7 @@ import filePen from './file-pen.svelte';
|
|
|
216
216
|
import filePenLine from './file-pen-line.svelte';
|
|
217
217
|
import filePlus from './file-plus.svelte';
|
|
218
218
|
import fileQuestionMark from './file-question-mark.svelte';
|
|
219
|
+
import fileSliders from './file-sliders.svelte';
|
|
219
220
|
import fileStack from './file-stack.svelte';
|
|
220
221
|
import fileTerminal from './file-terminal.svelte';
|
|
221
222
|
import fileUp from './file-up.svelte';
|
|
@@ -2872,6 +2873,25 @@ let ICONS_LIST = [
|
|
|
2872
2873
|
tags: ['readme', 'help', 'question'],
|
|
2873
2874
|
categories: ['files']
|
|
2874
2875
|
},
|
|
2876
|
+
{
|
|
2877
|
+
name: 'file-sliders',
|
|
2878
|
+
icon: fileSliders,
|
|
2879
|
+
tags: [
|
|
2880
|
+
'cogged',
|
|
2881
|
+
'gear',
|
|
2882
|
+
'mechanical',
|
|
2883
|
+
'machinery',
|
|
2884
|
+
'configuration',
|
|
2885
|
+
'controls',
|
|
2886
|
+
'preferences',
|
|
2887
|
+
'settings',
|
|
2888
|
+
'system',
|
|
2889
|
+
'admin',
|
|
2890
|
+
'edit',
|
|
2891
|
+
'executable'
|
|
2892
|
+
],
|
|
2893
|
+
categories: ['files', 'development']
|
|
2894
|
+
},
|
|
2875
2895
|
{
|
|
2876
2896
|
name: 'file-stack',
|
|
2877
2897
|
icon: fileStack,
|
package/dist/index.d.ts
CHANGED
|
@@ -216,6 +216,7 @@ export { default as FilePenLine } from "./icons/file-pen-line.svelte";
|
|
|
216
216
|
export { default as FilePen } from "./icons/file-pen.svelte";
|
|
217
217
|
export { default as FilePlus } from "./icons/file-plus.svelte";
|
|
218
218
|
export { default as FileQuestionMark } from "./icons/file-question-mark.svelte";
|
|
219
|
+
export { default as FileSliders } from "./icons/file-sliders.svelte";
|
|
219
220
|
export { default as FileStack } from "./icons/file-stack.svelte";
|
|
220
221
|
export { default as FileTerminal } from "./icons/file-terminal.svelte";
|
|
221
222
|
export { default as FileUp } from "./icons/file-up.svelte";
|
package/dist/index.js
CHANGED
|
@@ -216,6 +216,7 @@ export { default as FilePenLine } from './icons/file-pen-line.svelte';
|
|
|
216
216
|
export { default as FilePen } from './icons/file-pen.svelte';
|
|
217
217
|
export { default as FilePlus } from './icons/file-plus.svelte';
|
|
218
218
|
export { default as FileQuestionMark } from './icons/file-question-mark.svelte';
|
|
219
|
+
export { default as FileSliders } from './icons/file-sliders.svelte';
|
|
219
220
|
export { default as FileStack } from './icons/file-stack.svelte';
|
|
220
221
|
export { default as FileTerminal } from './icons/file-terminal.svelte';
|
|
221
222
|
export { default as FileUp } from './icons/file-up.svelte';
|