huspy-icons 0.3.4 → 0.3.5
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/fonts/HuspyIcons.css +69 -57
- package/dist/fonts/HuspyIcons.eot +0 -0
- package/dist/fonts/HuspyIcons.json +57 -53
- package/dist/fonts/HuspyIcons.ts +66 -54
- package/dist/fonts/HuspyIcons.ttf +0 -0
- package/dist/fonts/HuspyIcons.woff +0 -0
- package/dist/fonts/HuspyIcons.woff2 +0 -0
- package/dist/native/index.d.ts +1 -1
- package/dist/native/index.js +57 -53
- package/dist/native/index.js.map +1 -1
- package/dist/react/index.d.mts +10 -2
- package/dist/react/index.d.ts +10 -2
- package/dist/react/index.js +625 -397
- package/dist/react/index.js.map +1 -1
- package/dist/react/index.mjs +558 -330
- package/dist/react/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/native/glyphMap.ts +58 -54
- package/src/react/AddNote.tsx +36 -0
- package/src/react/CheckCircle2.tsx +32 -0
- package/src/react/Icon.tsx +13 -1
- package/src/react/Notes.tsx +34 -0
- package/src/react/PencilLine.tsx +38 -0
- package/src/react/index.ts +4 -0
- package/src/react/index.tsx +4 -0
package/package.json
CHANGED
package/src/native/glyphMap.ts
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
/**
|
|
5
5
|
* Available icon names in the HuspyIcons font
|
|
6
6
|
*/
|
|
7
|
-
export type IconName = 'whatsapp' | 'user' | 'trash-2' | 'size-3d' | 'share' | 'search' | 'search-x' | 'sale' | 'rent' | 'properties-linear' | 'properties-filled' | 'promotion' | 'plus' | 'phone-linear' | 'payments' | 'note' | 'mortgage' | 'more-horizontal' | 'map-pin' | 'mail' | 'logout' | 'lock' | 'leads-linear' | 'leads-filled' | 'keys_01' | 'info' | 'icon-slot' | 'home-linear' | 'home-filled' | 'help-circle' | 'fingerprint-android' | 'filter' | 'file-text' | 'file-spreadsheet' | 'file-signature' | 'file-lock' | 'file-key' | 'file-input' | 'file-check' | 'face-id' | 'eye-visible' | 'eye-hidden' | 'explore-linear' | 'explore-filled' | 'edit' | 'collections' | 'chevron-up' | 'chevron-right' | 'chevron-left' | 'chevron-down' | 'check' | 'cancel' | 'cancel-circle-solid' | 'calendar' | 'building' | 'bell' | 'bed-double' | 'arrow-up' | 'arrow-up-right' | 'arrow-up-left' | 'arrow-up-down' | 'arrow-right' | 'arrow-left' | 'arrow-down' | 'arrow-down-right' | 'arrow-down-left' | 'alert-triangle';
|
|
7
|
+
export type IconName = 'whatsapp' | 'user' | 'trash-2' | 'size-3d' | 'share' | 'search' | 'search-x' | 'sale' | 'rent' | 'properties-linear' | 'properties-filled' | 'promotion' | 'plus' | 'phone-linear' | 'pencil-line' | 'payments' | 'notes' | 'note' | 'mortgage' | 'more-horizontal' | 'map-pin' | 'mail' | 'logout' | 'lock' | 'leads-linear' | 'leads-filled' | 'keys_01' | 'info' | 'icon-slot' | 'home-linear' | 'home-filled' | 'help-circle' | 'fingerprint-android' | 'filter' | 'file-text' | 'file-spreadsheet' | 'file-signature' | 'file-lock' | 'file-key' | 'file-input' | 'file-check' | 'face-id' | 'eye-visible' | 'eye-hidden' | 'explore-linear' | 'explore-filled' | 'edit' | 'collections' | 'chevron-up' | 'chevron-right' | 'chevron-left' | 'chevron-down' | 'check' | 'check-circle-2' | 'cancel' | 'cancel-circle-solid' | 'calendar' | 'building' | 'bell' | 'bed-double' | 'arrow-up' | 'arrow-up-right' | 'arrow-up-left' | 'arrow-up-down' | 'arrow-right' | 'arrow-left' | 'arrow-down' | 'arrow-down-right' | 'arrow-down-left' | 'alert-triangle' | 'add-note';
|
|
8
8
|
|
|
9
9
|
/**
|
|
10
10
|
* Mapping of icon names to unicode codepoints
|
|
@@ -25,59 +25,63 @@ export const glyphMap: Record<IconName, number> = {
|
|
|
25
25
|
"promotion": 61708,
|
|
26
26
|
"plus": 61709,
|
|
27
27
|
"phone-linear": 61710,
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"file-
|
|
49
|
-
"file-
|
|
50
|
-
"file-
|
|
51
|
-
"file-
|
|
52
|
-
"file-
|
|
53
|
-
"
|
|
54
|
-
"
|
|
55
|
-
"
|
|
56
|
-
"
|
|
57
|
-
"
|
|
58
|
-
"
|
|
59
|
-
"
|
|
60
|
-
"
|
|
61
|
-
"
|
|
62
|
-
"chevron-
|
|
63
|
-
"chevron-
|
|
64
|
-
"
|
|
65
|
-
"
|
|
66
|
-
"
|
|
67
|
-
"
|
|
68
|
-
"
|
|
69
|
-
"
|
|
70
|
-
"
|
|
71
|
-
"
|
|
72
|
-
"
|
|
73
|
-
"
|
|
74
|
-
"arrow-up
|
|
75
|
-
"arrow-right": 61758,
|
|
76
|
-
"arrow-left": 61759,
|
|
77
|
-
"arrow-down": 61760,
|
|
78
|
-
"arrow-
|
|
79
|
-
"arrow-
|
|
80
|
-
"
|
|
28
|
+
"pencil-line": 61711,
|
|
29
|
+
"payments": 61712,
|
|
30
|
+
"notes": 61713,
|
|
31
|
+
"note": 61714,
|
|
32
|
+
"mortgage": 61715,
|
|
33
|
+
"more-horizontal": 61716,
|
|
34
|
+
"map-pin": 61717,
|
|
35
|
+
"mail": 61718,
|
|
36
|
+
"logout": 61719,
|
|
37
|
+
"lock": 61720,
|
|
38
|
+
"leads-linear": 61721,
|
|
39
|
+
"leads-filled": 61722,
|
|
40
|
+
"keys_01": 61723,
|
|
41
|
+
"info": 61724,
|
|
42
|
+
"icon-slot": 61725,
|
|
43
|
+
"home-linear": 61726,
|
|
44
|
+
"home-filled": 61727,
|
|
45
|
+
"help-circle": 61728,
|
|
46
|
+
"fingerprint-android": 61729,
|
|
47
|
+
"filter": 61730,
|
|
48
|
+
"file-text": 61731,
|
|
49
|
+
"file-spreadsheet": 61732,
|
|
50
|
+
"file-signature": 61733,
|
|
51
|
+
"file-lock": 61734,
|
|
52
|
+
"file-key": 61735,
|
|
53
|
+
"file-input": 61736,
|
|
54
|
+
"file-check": 61737,
|
|
55
|
+
"face-id": 61738,
|
|
56
|
+
"eye-visible": 61739,
|
|
57
|
+
"eye-hidden": 61740,
|
|
58
|
+
"explore-linear": 61741,
|
|
59
|
+
"explore-filled": 61742,
|
|
60
|
+
"edit": 61743,
|
|
61
|
+
"collections": 61744,
|
|
62
|
+
"chevron-up": 61745,
|
|
63
|
+
"chevron-right": 61746,
|
|
64
|
+
"chevron-left": 61747,
|
|
65
|
+
"chevron-down": 61748,
|
|
66
|
+
"check": 61749,
|
|
67
|
+
"check-circle-2": 61750,
|
|
68
|
+
"cancel": 61751,
|
|
69
|
+
"cancel-circle-solid": 61752,
|
|
70
|
+
"calendar": 61753,
|
|
71
|
+
"building": 61754,
|
|
72
|
+
"bell": 61755,
|
|
73
|
+
"bed-double": 61756,
|
|
74
|
+
"arrow-up": 61757,
|
|
75
|
+
"arrow-up-right": 61758,
|
|
76
|
+
"arrow-up-left": 61759,
|
|
77
|
+
"arrow-up-down": 61760,
|
|
78
|
+
"arrow-right": 61761,
|
|
79
|
+
"arrow-left": 61762,
|
|
80
|
+
"arrow-down": 61763,
|
|
81
|
+
"arrow-down-right": 61764,
|
|
82
|
+
"arrow-down-left": 61765,
|
|
83
|
+
"alert-triangle": 61766,
|
|
84
|
+
"add-note": 61767
|
|
81
85
|
};
|
|
82
86
|
|
|
83
87
|
/**
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { ReactIconProps } from '../shared/types';
|
|
3
|
+
import { resolveSize } from '../shared/types';
|
|
4
|
+
|
|
5
|
+
const SvgAddNote = ({ size = 16, ...props }: ReactIconProps) => {
|
|
6
|
+
const sizeValue = resolveSize(size);
|
|
7
|
+
|
|
8
|
+
return (
|
|
9
|
+
<svg
|
|
10
|
+
width={sizeValue} height={sizeValue}
|
|
11
|
+
viewBox="0 0 24 24"
|
|
12
|
+
fill="none"
|
|
13
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
14
|
+
{...props}
|
|
15
|
+
>
|
|
16
|
+
<path
|
|
17
|
+
d="M18.7041 15C19.2154 15 19.6298 15.4145 19.6299 15.9258V17.7783H21.4824C21.9937 17.7785 22.4082 18.1928 22.4082 18.7041C22.4082 19.2154 21.9937 19.6297 21.4824 19.6299H19.6299V21.4824C19.6297 21.9937 19.2154 22.4082 18.7041 22.4082C18.1928 22.4082 17.7785 21.9937 17.7783 21.4824V19.6299H15.9258C15.4145 19.6298 15 19.2154 15 18.7041C15 18.1928 15.4145 17.7784 15.9258 17.7783H17.7783V15.9258C17.7784 15.4145 18.1928 15 18.7041 15Z"
|
|
18
|
+
fill="currentColor"
|
|
19
|
+
/>
|
|
20
|
+
<path
|
|
21
|
+
d="M16.6016 2C18.0065 2.00011 19.3541 2.55844 20.3477 3.55176C21.3413 4.54545 21.9004 5.89452 21.9004 7.2998V12.9355C21.9004 13.4442 21.4872 13.8574 20.9785 13.8574C20.4699 13.8573 20.0576 13.4442 20.0576 12.9355V7.2998C20.0576 6.38321 19.694 5.50267 19.0459 4.85449C18.3978 4.20648 17.518 3.84288 16.6016 3.84277H7.2998C6.38312 3.84277 5.50269 4.2063 4.85449 4.85449C4.2063 5.50269 3.84277 6.38312 3.84277 7.2998V16.6016C3.84288 17.518 4.20648 18.3978 4.85449 19.0459C5.50267 19.694 6.38321 20.0576 7.2998 20.0576H12.9355C13.4442 20.0576 13.8573 20.4699 13.8574 20.9785C13.8574 21.4872 13.4442 21.9004 12.9355 21.9004H7.2998C5.89452 21.9004 4.54545 21.3413 3.55176 20.3477C2.55844 19.3541 2.00011 18.0065 2 16.6016V7.2998C2 5.89452 2.55807 4.54545 3.55176 3.55176C4.54545 2.55807 5.89452 2 7.2998 2H16.6016Z"
|
|
22
|
+
fill="currentColor"
|
|
23
|
+
/>
|
|
24
|
+
<path
|
|
25
|
+
d="M12.7715 10.7549C13.2799 10.7552 13.6913 11.1683 13.6914 11.6768C13.6912 12.1852 13.2799 12.5974 12.7715 12.5977H7.29883C6.7903 12.5975 6.37809 12.1853 6.37793 11.6768C6.378 11.1682 6.79025 10.755 7.29883 10.7549H12.7715Z"
|
|
26
|
+
fill="currentColor"
|
|
27
|
+
/>
|
|
28
|
+
<path
|
|
29
|
+
d="M15.5068 6.37793C16.0155 6.37796 16.4286 6.79023 16.4287 7.29883C16.4287 7.80754 16.0155 8.22067 15.5068 8.2207H7.29883C6.7902 8.22058 6.37793 7.80748 6.37793 7.29883C6.37807 6.79029 6.79029 6.37805 7.29883 6.37793H15.5068Z"
|
|
30
|
+
fill="currentColor"
|
|
31
|
+
/>
|
|
32
|
+
</svg>
|
|
33
|
+
);
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
export default SvgAddNote;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { ReactIconProps } from '../shared/types';
|
|
3
|
+
import { resolveSize } from '../shared/types';
|
|
4
|
+
|
|
5
|
+
const SvgCheckCircle2 = ({ size = 16, ...props }: ReactIconProps) => {
|
|
6
|
+
const sizeValue = resolveSize(size);
|
|
7
|
+
|
|
8
|
+
return (
|
|
9
|
+
<svg
|
|
10
|
+
width={sizeValue} height={sizeValue}
|
|
11
|
+
viewBox="0 0 24 24"
|
|
12
|
+
fill="none"
|
|
13
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
14
|
+
{...props}
|
|
15
|
+
>
|
|
16
|
+
<path
|
|
17
|
+
fillRule="evenodd"
|
|
18
|
+
clipRule="evenodd"
|
|
19
|
+
d="M1 12C1 5.92472 5.92472 1 12 1C18.0753 1 23 5.92472 23 12C23 18.0753 18.0753 23 12 23C5.92472 23 1 18.0753 1 12ZM12 3C7.02928 3 3 7.02928 3 12C3 16.9707 7.02928 21 12 21C16.9707 21 21 16.9707 21 12C21 7.02928 16.9707 3 12 3Z"
|
|
20
|
+
fill="currentColor"
|
|
21
|
+
/>
|
|
22
|
+
<path
|
|
23
|
+
fillRule="evenodd"
|
|
24
|
+
clipRule="evenodd"
|
|
25
|
+
d="M15.7071 9.29289C16.0976 9.68342 16.0976 10.3166 15.7071 10.7071L11.7071 14.7071C11.3166 15.0976 10.6834 15.0976 10.2929 14.7071L8.29289 12.7071C7.90237 12.3166 7.90237 11.6834 8.29289 11.2929C8.68342 10.9024 9.31658 10.9024 9.70711 11.2929L11 12.5858L14.2929 9.29289C14.6834 8.90237 15.3166 8.90237 15.7071 9.29289Z"
|
|
26
|
+
fill="currentColor"
|
|
27
|
+
/>
|
|
28
|
+
</svg>
|
|
29
|
+
);
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
export default SvgCheckCircle2;
|
package/src/react/Icon.tsx
CHANGED
|
@@ -5,6 +5,7 @@ import type { ReactIconProps } from '../shared/types';
|
|
|
5
5
|
* Icon imports - using dynamic imports for tree-shaking
|
|
6
6
|
* Auto-generated - do not edit manually
|
|
7
7
|
*/
|
|
8
|
+
// Icon: add-note
|
|
8
9
|
// Icon: alert-triangle
|
|
9
10
|
// Icon: arrow-down
|
|
10
11
|
// Icon: arrow-down-left
|
|
@@ -22,6 +23,7 @@ import type { ReactIconProps } from '../shared/types';
|
|
|
22
23
|
// Icon: cancel
|
|
23
24
|
// Icon: cancel-circle-solid
|
|
24
25
|
// Icon: check
|
|
26
|
+
// Icon: check-circle2
|
|
25
27
|
// Icon: chevron-down
|
|
26
28
|
// Icon: chevron-left
|
|
27
29
|
// Icon: chevron-right
|
|
@@ -57,7 +59,9 @@ import type { ReactIconProps } from '../shared/types';
|
|
|
57
59
|
// Icon: more-horizontal
|
|
58
60
|
// Icon: mortgage
|
|
59
61
|
// Icon: note
|
|
62
|
+
// Icon: notes
|
|
60
63
|
// Icon: payments
|
|
64
|
+
// Icon: pencil-line
|
|
61
65
|
// Icon: phone-linear
|
|
62
66
|
// Icon: plus
|
|
63
67
|
// Icon: promotion
|
|
@@ -76,7 +80,7 @@ import type { ReactIconProps } from '../shared/types';
|
|
|
76
80
|
/**
|
|
77
81
|
* Available icon names
|
|
78
82
|
*/
|
|
79
|
-
export type IconName = 'alert-triangle' | 'arrow-down' | 'arrow-down-left' | 'arrow-down-right' | 'arrow-left' | 'arrow-right' | 'arrow-up' | 'arrow-up-down' | 'arrow-up-left' | 'arrow-up-right' | 'bed-double' | 'bell' | 'building' | 'calendar' | 'cancel' | 'cancel-circle-solid' | 'check' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'collections' | 'edit' | 'explore-filled' | 'explore-linear' | 'eye-hidden' | 'eye-visible' | 'face-id' | 'file-check' | 'file-input' | 'file-key' | 'file-lock' | 'file-signature' | 'file-spreadsheet' | 'file-text' | 'filter' | 'fingerprint-android' | 'help-circle' | 'home-filled' | 'home-linear' | 'icon-slot' | 'info' | 'keys01' | 'leads-filled' | 'leads-linear' | 'lock' | 'logout' | 'mail' | 'map-pin' | 'more-horizontal' | 'mortgage' | 'note' | 'payments' | 'phone-linear' | 'plus' | 'promotion' | 'properties-filled' | 'properties-linear' | 'rent' | 'sale' | 'search' | 'search-x' | 'share' | 'size3d' | 'trash2' | 'user' | 'whatsapp';
|
|
83
|
+
export type IconName = 'add-note' | 'alert-triangle' | 'arrow-down' | 'arrow-down-left' | 'arrow-down-right' | 'arrow-left' | 'arrow-right' | 'arrow-up' | 'arrow-up-down' | 'arrow-up-left' | 'arrow-up-right' | 'bed-double' | 'bell' | 'building' | 'calendar' | 'cancel' | 'cancel-circle-solid' | 'check' | 'check-circle2' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'collections' | 'edit' | 'explore-filled' | 'explore-linear' | 'eye-hidden' | 'eye-visible' | 'face-id' | 'file-check' | 'file-input' | 'file-key' | 'file-lock' | 'file-signature' | 'file-spreadsheet' | 'file-text' | 'filter' | 'fingerprint-android' | 'help-circle' | 'home-filled' | 'home-linear' | 'icon-slot' | 'info' | 'keys01' | 'leads-filled' | 'leads-linear' | 'lock' | 'logout' | 'mail' | 'map-pin' | 'more-horizontal' | 'mortgage' | 'note' | 'notes' | 'payments' | 'pencil-line' | 'phone-linear' | 'plus' | 'promotion' | 'properties-filled' | 'properties-linear' | 'rent' | 'sale' | 'search' | 'search-x' | 'share' | 'size3d' | 'trash2' | 'user' | 'whatsapp';
|
|
80
84
|
|
|
81
85
|
/**
|
|
82
86
|
* Props for the unified Icon component
|
|
@@ -96,6 +100,8 @@ export interface IconProps extends Omit<ReactIconProps, 'size'> {
|
|
|
96
100
|
*/
|
|
97
101
|
function loadIcon(name: IconName): Promise<React.ComponentType<any>> {
|
|
98
102
|
switch (name) {
|
|
103
|
+
case 'add-note':
|
|
104
|
+
return import('./AddNote').then(m => m.default);
|
|
99
105
|
case 'alert-triangle':
|
|
100
106
|
return import('./AlertTriangle').then(m => m.default);
|
|
101
107
|
case 'arrow-down':
|
|
@@ -130,6 +136,8 @@ function loadIcon(name: IconName): Promise<React.ComponentType<any>> {
|
|
|
130
136
|
return import('./CancelCircleSolid').then(m => m.default);
|
|
131
137
|
case 'check':
|
|
132
138
|
return import('./Check').then(m => m.default);
|
|
139
|
+
case 'check-circle2':
|
|
140
|
+
return import('./CheckCircle2').then(m => m.default);
|
|
133
141
|
case 'chevron-down':
|
|
134
142
|
return import('./ChevronDown').then(m => m.default);
|
|
135
143
|
case 'chevron-left':
|
|
@@ -200,8 +208,12 @@ function loadIcon(name: IconName): Promise<React.ComponentType<any>> {
|
|
|
200
208
|
return import('./Mortgage').then(m => m.default);
|
|
201
209
|
case 'note':
|
|
202
210
|
return import('./Note').then(m => m.default);
|
|
211
|
+
case 'notes':
|
|
212
|
+
return import('./Notes').then(m => m.default);
|
|
203
213
|
case 'payments':
|
|
204
214
|
return import('./Payments').then(m => m.default);
|
|
215
|
+
case 'pencil-line':
|
|
216
|
+
return import('./PencilLine').then(m => m.default);
|
|
205
217
|
case 'phone-linear':
|
|
206
218
|
return import('./PhoneLinear').then(m => m.default);
|
|
207
219
|
case 'plus':
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { ReactIconProps } from '../shared/types';
|
|
3
|
+
import { resolveSize } from '../shared/types';
|
|
4
|
+
|
|
5
|
+
const SvgNotes = ({ size = 16, ...props }: ReactIconProps) => {
|
|
6
|
+
const sizeValue = resolveSize(size);
|
|
7
|
+
|
|
8
|
+
return (
|
|
9
|
+
<svg
|
|
10
|
+
width={sizeValue} height={sizeValue}
|
|
11
|
+
viewBox="0 0 24 24"
|
|
12
|
+
fill="none"
|
|
13
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
14
|
+
{...props}
|
|
15
|
+
>
|
|
16
|
+
<path
|
|
17
|
+
d="M12.7695 10.749C13.2819 10.749 13.6981 11.1644 13.6982 11.6768C13.698 12.1891 13.2819 12.6045 12.7695 12.6045H7.30273C6.79037 12.6045 6.37423 12.1891 6.37402 11.6768C6.37416 11.1644 6.79033 10.749 7.30273 10.749H12.7695Z"
|
|
18
|
+
fill="currentColor"
|
|
19
|
+
/>
|
|
20
|
+
<path
|
|
21
|
+
d="M15.5039 6.37402C16.0162 6.37422 16.4316 6.79037 16.4316 7.30273C16.4315 7.81499 16.0161 8.23027 15.5039 8.23047H7.30273C6.79033 8.23047 6.37416 7.81511 6.37402 7.30273C6.37402 6.79025 6.79025 6.37402 7.30273 6.37402H15.5039Z"
|
|
22
|
+
fill="currentColor"
|
|
23
|
+
/>
|
|
24
|
+
<path
|
|
25
|
+
fillRule="evenodd"
|
|
26
|
+
clipRule="evenodd"
|
|
27
|
+
d="M16.5977 2C18.0038 2.00006 19.3524 2.55944 20.3467 3.55371C21.3407 4.54785 21.9002 5.89591 21.9004 7.30176V14.7852C21.9004 15.4816 21.7626 16.172 21.4961 16.8154C21.2296 17.4585 20.8389 18.0429 20.3467 18.5352L18.5352 20.3467C18.0429 20.8389 17.4585 21.2296 16.8154 21.4961C16.172 21.7626 15.4816 21.9004 14.7852 21.9004H7.30176C5.89591 21.9002 4.54785 21.3407 3.55371 20.3467C2.55944 19.3524 2.00006 18.0038 2 16.5977V7.30176C2.00019 5.89582 2.55955 4.54787 3.55371 3.55371C4.54787 2.55955 5.89582 2.00019 7.30176 2H16.5977ZM7.30176 3.85645C6.38803 3.85664 5.51135 4.21912 4.86523 4.86523C4.21912 5.51135 3.85664 6.38803 3.85645 7.30176V16.5977C3.85651 17.5114 4.21919 18.388 4.86523 19.0342C5.51135 19.6803 6.38803 20.0428 7.30176 20.043H12.9355V17.1445C12.9356 16.0284 13.3788 14.9572 14.168 14.168C14.9572 13.3788 16.0284 12.9356 17.1445 12.9355H20.043V7.30176C20.0428 6.38803 19.6803 5.51135 19.0342 4.86523C18.388 4.21919 17.5114 3.85651 16.5977 3.85645H7.30176ZM17.1445 14.792C16.5206 14.7921 15.9216 15.0393 15.4805 15.4805C15.0393 15.9216 14.7921 16.5206 14.792 17.1445V20.042C15.2423 20.0411 15.6884 19.9536 16.1045 19.7812C16.5225 19.608 16.9027 19.3542 17.2227 19.0342L19.0332 17.2227C19.3532 16.9027 19.608 16.5225 19.7812 16.1045C19.9536 15.6884 20.0421 15.2423 20.043 14.792H17.1445Z"
|
|
28
|
+
fill="currentColor"
|
|
29
|
+
/>
|
|
30
|
+
</svg>
|
|
31
|
+
);
|
|
32
|
+
};
|
|
33
|
+
|
|
34
|
+
export default SvgNotes;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { ReactIconProps } from '../shared/types';
|
|
3
|
+
import { resolveSize } from '../shared/types';
|
|
4
|
+
|
|
5
|
+
const SvgPencilLine = ({ size = 16, ...props }: ReactIconProps) => {
|
|
6
|
+
const sizeValue = resolveSize(size);
|
|
7
|
+
|
|
8
|
+
return (
|
|
9
|
+
<svg
|
|
10
|
+
width={sizeValue} height={sizeValue}
|
|
11
|
+
viewBox="0 0 24 24"
|
|
12
|
+
fill="none"
|
|
13
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
14
|
+
{...props}
|
|
15
|
+
>
|
|
16
|
+
<path
|
|
17
|
+
fillRule="evenodd"
|
|
18
|
+
clipRule="evenodd"
|
|
19
|
+
d="M11 20C11 19.4477 11.4477 19 12 19H21C21.5523 19 22 19.4477 22 20C22 20.5523 21.5523 21 21 21H12C11.4477 21 11 20.5523 11 20Z"
|
|
20
|
+
fill="currentColor"
|
|
21
|
+
/>
|
|
22
|
+
<path
|
|
23
|
+
fillRule="evenodd"
|
|
24
|
+
clipRule="evenodd"
|
|
25
|
+
d="M18 3.87866C17.7026 3.87866 17.4174 3.9968 17.2071 4.20709L4.90299 16.5112L4.37439 18.6256L6.48877 18.097L18.7929 5.79288C18.897 5.68875 18.9796 5.56514 19.036 5.42909C19.0923 5.29305 19.1213 5.14724 19.1213 4.99998C19.1213 4.85273 19.0923 4.70692 19.036 4.57087C18.9796 4.43483 18.897 4.31121 18.7929 4.20709C18.6888 4.10296 18.5652 4.02037 18.4291 3.96402C18.2931 3.90767 18.1473 3.87866 18 3.87866ZM15.7929 2.79288C16.3783 2.20751 17.1722 1.87866 18 1.87866C18.4099 1.87866 18.8158 1.9594 19.1945 2.11626C19.5732 2.27312 19.9173 2.50303 20.2071 2.79288C20.497 3.08272 20.7269 3.42681 20.8837 3.8055C21.0406 4.1842 21.1213 4.59008 21.1213 4.99998C21.1213 5.40988 21.0406 5.81576 20.8837 6.19446C20.7269 6.57316 20.497 6.91725 20.2071 7.20709L7.70713 19.7071C7.57897 19.8352 7.41839 19.9262 7.24256 19.9701L3.24256 20.9701C2.90178 21.0553 2.54129 20.9555 2.29291 20.7071C2.04453 20.4587 1.94468 20.0982 2.02988 19.7574L3.02988 15.7574C3.07384 15.5816 3.16476 15.421 3.29291 15.2929L15.7929 2.79288Z"
|
|
26
|
+
fill="currentColor"
|
|
27
|
+
/>
|
|
28
|
+
<path
|
|
29
|
+
fillRule="evenodd"
|
|
30
|
+
clipRule="evenodd"
|
|
31
|
+
d="M14.2929 4.29288C14.6834 3.90235 15.3166 3.90235 15.7071 4.29288L18.7071 7.29288C19.0977 7.6834 19.0977 8.31657 18.7071 8.70709C18.3166 9.09761 17.6834 9.09761 17.2929 8.70709L14.2929 5.70709C13.9024 5.31657 13.9024 4.6834 14.2929 4.29288Z"
|
|
32
|
+
fill="currentColor"
|
|
33
|
+
/>
|
|
34
|
+
</svg>
|
|
35
|
+
);
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
export default SvgPencilLine;
|
package/src/react/index.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
// Auto-generated exports
|
|
2
|
+
export { default as AddNote } from './AddNote';
|
|
2
3
|
export { default as AlertTriangle } from './AlertTriangle';
|
|
3
4
|
export { default as ArrowDown } from './ArrowDown';
|
|
4
5
|
export { default as ArrowDownLeft } from './ArrowDownLeft';
|
|
@@ -16,6 +17,7 @@ export { default as Calendar } from './Calendar';
|
|
|
16
17
|
export { default as Cancel } from './Cancel';
|
|
17
18
|
export { default as CancelCircleSolid } from './CancelCircleSolid';
|
|
18
19
|
export { default as Check } from './Check';
|
|
20
|
+
export { default as CheckCircle2 } from './CheckCircle2';
|
|
19
21
|
export { default as ChevronDown } from './ChevronDown';
|
|
20
22
|
export { default as ChevronLeft } from './ChevronLeft';
|
|
21
23
|
export { default as ChevronRight } from './ChevronRight';
|
|
@@ -51,7 +53,9 @@ export { default as MapPin } from './MapPin';
|
|
|
51
53
|
export { default as MoreHorizontal } from './MoreHorizontal';
|
|
52
54
|
export { default as Mortgage } from './Mortgage';
|
|
53
55
|
export { default as Note } from './Note';
|
|
56
|
+
export { default as Notes } from './Notes';
|
|
54
57
|
export { default as Payments } from './Payments';
|
|
58
|
+
export { default as PencilLine } from './PencilLine';
|
|
55
59
|
export { default as PhoneLinear } from './PhoneLinear';
|
|
56
60
|
export { default as Plus } from './Plus';
|
|
57
61
|
export { default as Promotion } from './Promotion';
|
package/src/react/index.tsx
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export { default as AddNote } from './AddNote';
|
|
1
2
|
export { default as AlertTriangle } from './AlertTriangle';
|
|
2
3
|
export { default as ArrowDownLeft } from './ArrowDownLeft';
|
|
3
4
|
export { default as ArrowDownRight } from './ArrowDownRight';
|
|
@@ -14,6 +15,7 @@ export { default as Building } from './Building';
|
|
|
14
15
|
export { default as Calendar } from './Calendar';
|
|
15
16
|
export { default as CancelCircleSolid } from './CancelCircleSolid';
|
|
16
17
|
export { default as Cancel } from './Cancel';
|
|
18
|
+
export { default as CheckCircle2 } from './CheckCircle2';
|
|
17
19
|
export { default as Check } from './Check';
|
|
18
20
|
export { default as ChevronDown } from './ChevronDown';
|
|
19
21
|
export { default as ChevronLeft } from './ChevronLeft';
|
|
@@ -50,7 +52,9 @@ export { default as MapPin } from './MapPin';
|
|
|
50
52
|
export { default as MoreHorizontal } from './MoreHorizontal';
|
|
51
53
|
export { default as Mortgage } from './Mortgage';
|
|
52
54
|
export { default as Note } from './Note';
|
|
55
|
+
export { default as Notes } from './Notes';
|
|
53
56
|
export { default as Payments } from './Payments';
|
|
57
|
+
export { default as PencilLine } from './PencilLine';
|
|
54
58
|
export { default as PhoneLinear } from './PhoneLinear';
|
|
55
59
|
export { default as Plus } from './Plus';
|
|
56
60
|
export { default as Promotion } from './Promotion';
|