@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.
@@ -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
+ };
@@ -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';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jis3r/icons",
3
- "version": "1.6.0",
3
+ "version": "1.7.0",
4
4
  "description": "beautifully crafted, moving icons. for svelte.",
5
5
  "keywords": [
6
6
  "svelte",