@jis3r/icons 1.14.0 → 1.15.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/book-open-text.svelte +158 -0
- package/dist/icons/book-open-text.svelte.d.ts +19 -0
- package/dist/icons/index.js +37 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/package.json +2 -2
|
@@ -0,0 +1,158 @@
|
|
|
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
|
+
}, 1500);
|
|
26
|
+
}
|
|
27
|
+
</script>
|
|
28
|
+
|
|
29
|
+
<div class={className} aria-label="book-open-text" 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="book-open-text-icon"
|
|
41
|
+
class:animate={isHovered}
|
|
42
|
+
>
|
|
43
|
+
<path d="M12 7v14" class="center-line" />
|
|
44
|
+
<path d="M16 12h2" class="text-line text-line-right-bottom" />
|
|
45
|
+
<path d="M16 8h2" class="text-line text-line-right-top" />
|
|
46
|
+
<path
|
|
47
|
+
d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"
|
|
48
|
+
class="book-path"
|
|
49
|
+
/>
|
|
50
|
+
<path d="M6 12h2" class="text-line text-line-left-bottom" />
|
|
51
|
+
<path d="M6 8h2" class="text-line text-line-left-top" />
|
|
52
|
+
</svg>
|
|
53
|
+
</div>
|
|
54
|
+
|
|
55
|
+
<style>
|
|
56
|
+
div {
|
|
57
|
+
display: inline-block;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.book-open-text-icon {
|
|
61
|
+
overflow: visible;
|
|
62
|
+
transform-origin: center;
|
|
63
|
+
transition: transform 0.3s ease;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.book-open-text-icon.animate {
|
|
67
|
+
animation: bookOpen 0.8s ease;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.book-path {
|
|
71
|
+
transform-origin: center bottom;
|
|
72
|
+
transition: transform 0.3s ease;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.book-open-text-icon.animate .book-path {
|
|
76
|
+
animation: bookPages 0.8s ease;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.center-line {
|
|
80
|
+
transform-origin: center bottom;
|
|
81
|
+
transition: transform 0.3s ease;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.book-open-text-icon.animate .center-line {
|
|
85
|
+
animation: bookPages 0.8s ease;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.text-line {
|
|
89
|
+
stroke-dasharray: 3;
|
|
90
|
+
stroke-dashoffset: 0;
|
|
91
|
+
transform-origin: center bottom;
|
|
92
|
+
transition:
|
|
93
|
+
stroke-dashoffset 0s,
|
|
94
|
+
transform 0.3s ease;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.book-open-text-icon.animate .text-line {
|
|
98
|
+
stroke-dashoffset: 3;
|
|
99
|
+
animation: bookPages 0.8s ease;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.book-open-text-icon.animate .text-line-left-top {
|
|
103
|
+
animation:
|
|
104
|
+
bookPages 0.8s ease,
|
|
105
|
+
drawLine 0.4s ease 0.2s forwards;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.book-open-text-icon.animate .text-line-left-bottom {
|
|
109
|
+
animation:
|
|
110
|
+
bookPages 0.8s ease,
|
|
111
|
+
drawLine 0.4s ease 0.4s forwards;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.book-open-text-icon.animate .text-line-right-top {
|
|
115
|
+
animation:
|
|
116
|
+
bookPages 0.8s ease,
|
|
117
|
+
drawLine 0.4s ease 0.6s forwards;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.book-open-text-icon.animate .text-line-right-bottom {
|
|
121
|
+
animation:
|
|
122
|
+
bookPages 0.8s ease,
|
|
123
|
+
drawLine 0.4s ease 0.8s forwards;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
@keyframes bookOpen {
|
|
127
|
+
0% {
|
|
128
|
+
transform: scale(1);
|
|
129
|
+
}
|
|
130
|
+
20% {
|
|
131
|
+
transform: scale(1.05);
|
|
132
|
+
}
|
|
133
|
+
100% {
|
|
134
|
+
transform: scale(1);
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
@keyframes bookPages {
|
|
139
|
+
0% {
|
|
140
|
+
transform: scaleY(1);
|
|
141
|
+
}
|
|
142
|
+
30% {
|
|
143
|
+
transform: scaleY(1.1);
|
|
144
|
+
}
|
|
145
|
+
100% {
|
|
146
|
+
transform: scaleY(1);
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
@keyframes drawLine {
|
|
151
|
+
0% {
|
|
152
|
+
stroke-dashoffset: 3;
|
|
153
|
+
}
|
|
154
|
+
100% {
|
|
155
|
+
stroke-dashoffset: 0;
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
</style>
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export default BookOpenText;
|
|
2
|
+
type BookOpenText = {
|
|
3
|
+
$on?(type: string, callback: (e: any) => void): () => void;
|
|
4
|
+
$set?(props: Partial<Props>): void;
|
|
5
|
+
};
|
|
6
|
+
declare const BookOpenText: 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
|
@@ -79,6 +79,7 @@ import bookmarkPlus from './bookmark-plus.svelte';
|
|
|
79
79
|
import bookmarkX from './bookmark-x.svelte';
|
|
80
80
|
import bookMinus from './book-minus.svelte';
|
|
81
81
|
import bookOpenCheck from './book-open-check.svelte';
|
|
82
|
+
import bookOpenText from './book-open-text.svelte';
|
|
82
83
|
import bookPlus from './book-plus.svelte';
|
|
83
84
|
import bookText from './book-text.svelte';
|
|
84
85
|
import bookType from './book-type.svelte';
|
|
@@ -1595,6 +1596,42 @@ let ICONS_LIST = [
|
|
|
1595
1596
|
],
|
|
1596
1597
|
categories: ['text', 'development', 'gaming']
|
|
1597
1598
|
},
|
|
1599
|
+
{
|
|
1600
|
+
name: 'book-open-text',
|
|
1601
|
+
icon: bookOpenText,
|
|
1602
|
+
tags: [
|
|
1603
|
+
'reading',
|
|
1604
|
+
'pages',
|
|
1605
|
+
'booklet',
|
|
1606
|
+
'magazine',
|
|
1607
|
+
'leaflet',
|
|
1608
|
+
'pamphlet',
|
|
1609
|
+
'library',
|
|
1610
|
+
'writing',
|
|
1611
|
+
'written',
|
|
1612
|
+
'writer',
|
|
1613
|
+
'author',
|
|
1614
|
+
'story',
|
|
1615
|
+
'script',
|
|
1616
|
+
'fiction',
|
|
1617
|
+
'novel',
|
|
1618
|
+
'information',
|
|
1619
|
+
'knowledge',
|
|
1620
|
+
'education',
|
|
1621
|
+
'high school',
|
|
1622
|
+
'university',
|
|
1623
|
+
'college',
|
|
1624
|
+
'academy',
|
|
1625
|
+
'student',
|
|
1626
|
+
'study',
|
|
1627
|
+
'learning',
|
|
1628
|
+
'homework',
|
|
1629
|
+
'research',
|
|
1630
|
+
'documentation',
|
|
1631
|
+
'revealed'
|
|
1632
|
+
],
|
|
1633
|
+
categories: ['text', 'development']
|
|
1634
|
+
},
|
|
1598
1635
|
{
|
|
1599
1636
|
name: 'book-plus',
|
|
1600
1637
|
icon: bookPlus,
|
package/dist/index.d.ts
CHANGED
|
@@ -73,6 +73,7 @@ export { default as BookLock } from "./icons/book-lock.svelte";
|
|
|
73
73
|
export { default as BookMarked } from "./icons/book-marked.svelte";
|
|
74
74
|
export { default as BookMinus } from "./icons/book-minus.svelte";
|
|
75
75
|
export { default as BookOpenCheck } from "./icons/book-open-check.svelte";
|
|
76
|
+
export { default as BookOpenText } from "./icons/book-open-text.svelte";
|
|
76
77
|
export { default as BookPlus } from "./icons/book-plus.svelte";
|
|
77
78
|
export { default as BookText } from "./icons/book-text.svelte";
|
|
78
79
|
export { default as BookType } from "./icons/book-type.svelte";
|
package/dist/index.js
CHANGED
|
@@ -73,6 +73,7 @@ export { default as BookLock } from './icons/book-lock.svelte';
|
|
|
73
73
|
export { default as BookMarked } from './icons/book-marked.svelte';
|
|
74
74
|
export { default as BookMinus } from './icons/book-minus.svelte';
|
|
75
75
|
export { default as BookOpenCheck } from './icons/book-open-check.svelte';
|
|
76
|
+
export { default as BookOpenText } from './icons/book-open-text.svelte';
|
|
76
77
|
export { default as BookPlus } from './icons/book-plus.svelte';
|
|
77
78
|
export { default as BookText } from './icons/book-text.svelte';
|
|
78
79
|
export { default as BookType } from './icons/book-type.svelte';
|
package/package.json
CHANGED