huspy-icons 0.1.11 → 0.1.12
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 +51 -42
- package/dist/fonts/HuspyIcons.eot +0 -0
- package/dist/fonts/HuspyIcons.json +41 -38
- package/dist/fonts/HuspyIcons.ts +47 -38
- 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 +41 -38
- package/dist/native/index.js.map +1 -1
- package/dist/react/index.d.mts +8 -2
- package/dist/react/index.d.ts +8 -2
- package/dist/react/index.js +240 -59
- package/dist/react/index.js.map +1 -1
- package/dist/react/index.mjs +231 -50
- package/dist/react/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/native/glyphMap.ts +42 -39
- package/src/react/Icon.tsx +10 -1
- package/src/react/Note.tsx +41 -0
- package/src/react/Plus.tsx +24 -0
- package/src/react/Trash2.tsx +50 -0
- package/src/react/index.ts +3 -0
- package/src/react/index.tsx +3 -0
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' | 'share' | 'search' | 'search-x' | 'rent' | 'properties-linear' | 'properties-filled' | 'payments' | 'mortgage' | 'mail' | 'leads-linear' | 'leads-filled' | 'keys_01' | 'icon-slot' | 'home-linear' | 'home-filled' | 'file-key' | 'eye-visible' | 'eye-hidden' | 'explore-linear' | 'explore-filled' | 'edit' | 'chevron-up' | 'chevron-right' | 'chevron-left' | 'chevron-down' | 'check' | 'cancel' | 'cancel-circle-solid' | 'bell' | 'arrow-up' | 'arrow-up-right' | 'arrow-up-left' | 'arrow-right' | 'arrow-left' | 'arrow-down' | 'arrow-down-right' | 'arrow-down-left' | 'alert-triangle';
|
|
7
|
+
export type IconName = 'whatsapp' | 'user' | 'trash-2' | 'share' | 'search' | 'search-x' | 'rent' | 'properties-linear' | 'properties-filled' | 'plus' | 'payments' | 'note' | 'mortgage' | 'mail' | 'leads-linear' | 'leads-filled' | 'keys_01' | 'icon-slot' | 'home-linear' | 'home-filled' | 'file-key' | 'eye-visible' | 'eye-hidden' | 'explore-linear' | 'explore-filled' | 'edit' | 'chevron-up' | 'chevron-right' | 'chevron-left' | 'chevron-down' | 'check' | 'cancel' | 'cancel-circle-solid' | 'bell' | 'arrow-up' | 'arrow-up-right' | 'arrow-up-left' | 'arrow-right' | 'arrow-left' | 'arrow-down' | 'arrow-down-right' | 'arrow-down-left' | 'alert-triangle';
|
|
8
8
|
|
|
9
9
|
/**
|
|
10
10
|
* Mapping of icon names to unicode codepoints
|
|
@@ -13,44 +13,47 @@ export type IconName = 'whatsapp' | 'user' | 'share' | 'search' | 'search-x' | '
|
|
|
13
13
|
export const glyphMap: Record<IconName, number> = {
|
|
14
14
|
"whatsapp": 61697,
|
|
15
15
|
"user": 61698,
|
|
16
|
-
"
|
|
17
|
-
"
|
|
18
|
-
"search
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"properties-
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
"
|
|
25
|
-
"
|
|
26
|
-
"
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"chevron-
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"arrow-
|
|
49
|
-
"arrow-
|
|
50
|
-
"arrow-
|
|
51
|
-
"arrow-
|
|
52
|
-
"arrow-
|
|
53
|
-
"
|
|
16
|
+
"trash-2": 61699,
|
|
17
|
+
"share": 61700,
|
|
18
|
+
"search": 61701,
|
|
19
|
+
"search-x": 61702,
|
|
20
|
+
"rent": 61703,
|
|
21
|
+
"properties-linear": 61704,
|
|
22
|
+
"properties-filled": 61705,
|
|
23
|
+
"plus": 61706,
|
|
24
|
+
"payments": 61707,
|
|
25
|
+
"note": 61708,
|
|
26
|
+
"mortgage": 61709,
|
|
27
|
+
"mail": 61710,
|
|
28
|
+
"leads-linear": 61711,
|
|
29
|
+
"leads-filled": 61712,
|
|
30
|
+
"keys_01": 61713,
|
|
31
|
+
"icon-slot": 61714,
|
|
32
|
+
"home-linear": 61715,
|
|
33
|
+
"home-filled": 61716,
|
|
34
|
+
"file-key": 61717,
|
|
35
|
+
"eye-visible": 61718,
|
|
36
|
+
"eye-hidden": 61719,
|
|
37
|
+
"explore-linear": 61720,
|
|
38
|
+
"explore-filled": 61721,
|
|
39
|
+
"edit": 61722,
|
|
40
|
+
"chevron-up": 61723,
|
|
41
|
+
"chevron-right": 61724,
|
|
42
|
+
"chevron-left": 61725,
|
|
43
|
+
"chevron-down": 61726,
|
|
44
|
+
"check": 61727,
|
|
45
|
+
"cancel": 61728,
|
|
46
|
+
"cancel-circle-solid": 61729,
|
|
47
|
+
"bell": 61730,
|
|
48
|
+
"arrow-up": 61731,
|
|
49
|
+
"arrow-up-right": 61732,
|
|
50
|
+
"arrow-up-left": 61733,
|
|
51
|
+
"arrow-right": 61734,
|
|
52
|
+
"arrow-left": 61735,
|
|
53
|
+
"arrow-down": 61736,
|
|
54
|
+
"arrow-down-right": 61737,
|
|
55
|
+
"arrow-down-left": 61738,
|
|
56
|
+
"alert-triangle": 61739
|
|
54
57
|
};
|
|
55
58
|
|
|
56
59
|
/**
|
package/src/react/Icon.tsx
CHANGED
|
@@ -36,20 +36,23 @@ import type { ReactIconProps } from '../shared/types';
|
|
|
36
36
|
// Icon: leads-linear
|
|
37
37
|
// Icon: mail
|
|
38
38
|
// Icon: mortgage
|
|
39
|
+
// Icon: note
|
|
39
40
|
// Icon: payments
|
|
41
|
+
// Icon: plus
|
|
40
42
|
// Icon: properties-filled
|
|
41
43
|
// Icon: properties-linear
|
|
42
44
|
// Icon: rent
|
|
43
45
|
// Icon: search
|
|
44
46
|
// Icon: search-x
|
|
45
47
|
// Icon: share
|
|
48
|
+
// Icon: trash2
|
|
46
49
|
// Icon: user
|
|
47
50
|
// Icon: whatsapp
|
|
48
51
|
|
|
49
52
|
/**
|
|
50
53
|
* Available icon names
|
|
51
54
|
*/
|
|
52
|
-
export type IconName = 'alert-triangle' | 'arrow-down' | 'arrow-down-left' | 'arrow-down-right' | 'arrow-left' | 'arrow-right' | 'arrow-up' | 'arrow-up-left' | 'arrow-up-right' | 'bell' | 'cancel' | 'cancel-circle-solid' | 'check' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'edit' | 'explore-filled' | 'explore-linear' | 'eye-hidden' | 'eye-visible' | 'file-key' | 'home-filled' | 'home-linear' | 'icon-slot' | 'keys01' | 'leads-filled' | 'leads-linear' | 'mail' | 'mortgage' | 'payments' | 'properties-filled' | 'properties-linear' | 'rent' | 'search' | 'search-x' | 'share' | 'user' | 'whatsapp';
|
|
55
|
+
export type IconName = 'alert-triangle' | 'arrow-down' | 'arrow-down-left' | 'arrow-down-right' | 'arrow-left' | 'arrow-right' | 'arrow-up' | 'arrow-up-left' | 'arrow-up-right' | 'bell' | 'cancel' | 'cancel-circle-solid' | 'check' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'edit' | 'explore-filled' | 'explore-linear' | 'eye-hidden' | 'eye-visible' | 'file-key' | 'home-filled' | 'home-linear' | 'icon-slot' | 'keys01' | 'leads-filled' | 'leads-linear' | 'mail' | 'mortgage' | 'note' | 'payments' | 'plus' | 'properties-filled' | 'properties-linear' | 'rent' | 'search' | 'search-x' | 'share' | 'trash2' | 'user' | 'whatsapp';
|
|
53
56
|
|
|
54
57
|
/**
|
|
55
58
|
* Props for the unified Icon component
|
|
@@ -131,8 +134,12 @@ function loadIcon(name: IconName): Promise<React.ComponentType<any>> {
|
|
|
131
134
|
return import('./Mail').then(m => m.default);
|
|
132
135
|
case 'mortgage':
|
|
133
136
|
return import('./Mortgage').then(m => m.default);
|
|
137
|
+
case 'note':
|
|
138
|
+
return import('./Note').then(m => m.default);
|
|
134
139
|
case 'payments':
|
|
135
140
|
return import('./Payments').then(m => m.default);
|
|
141
|
+
case 'plus':
|
|
142
|
+
return import('./Plus').then(m => m.default);
|
|
136
143
|
case 'properties-filled':
|
|
137
144
|
return import('./PropertiesFilled').then(m => m.default);
|
|
138
145
|
case 'properties-linear':
|
|
@@ -145,6 +152,8 @@ function loadIcon(name: IconName): Promise<React.ComponentType<any>> {
|
|
|
145
152
|
return import('./SearchX').then(m => m.default);
|
|
146
153
|
case 'share':
|
|
147
154
|
return import('./Share').then(m => m.default);
|
|
155
|
+
case 'trash2':
|
|
156
|
+
return import('./Trash2').then(m => m.default);
|
|
148
157
|
case 'user':
|
|
149
158
|
return import('./User').then(m => m.default);
|
|
150
159
|
case 'whatsapp':
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { ReactIconProps } from '../shared/types';
|
|
3
|
+
import { resolveSize } from '../shared/types';
|
|
4
|
+
|
|
5
|
+
const SvgNote = ({ size = 16, ...props }: ReactIconProps) => {
|
|
6
|
+
const sizeValue = resolveSize(size);
|
|
7
|
+
|
|
8
|
+
return (
|
|
9
|
+
<svg
|
|
10
|
+
width={sizeValue} height={sizeValue}
|
|
11
|
+
viewBox="0 0 28 28"
|
|
12
|
+
fill="none"
|
|
13
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
14
|
+
{...props}
|
|
15
|
+
>
|
|
16
|
+
<path
|
|
17
|
+
d="M4.66666 18.0834V9.33342C4.66666 8.09574 5.15832 6.90875 6.03349 6.03358C6.90866 5.15841 8.09565 4.66675 9.33332 4.66675H19.25C20.4877 4.66675 21.6747 5.15841 22.5498 6.03358C23.425 6.90875 23.9167 8.09574 23.9167 9.33342"
|
|
18
|
+
stroke="#1A1A1A"
|
|
19
|
+
strokeWidth={2.1}
|
|
20
|
+
strokeLinecap="round"
|
|
21
|
+
strokeLinejoin="round"
|
|
22
|
+
/>
|
|
23
|
+
<path
|
|
24
|
+
d="M19.25 4.66675H9.33332C8.09565 4.66675 6.90866 5.15841 6.03349 6.03358C5.15832 6.90875 4.66666 8.09574 4.66666 9.33342V19.2501C4.66666 20.4878 5.15832 21.6747 6.03349 22.5499C6.90866 23.4251 8.09565 23.9167 9.33332 23.9167H17.3168C17.9298 23.9168 18.5368 23.796 19.1031 23.5614C19.6694 23.3268 20.1839 22.9829 20.6173 22.5494L22.5493 20.6174C22.9828 20.184 23.3267 19.6695 23.5613 19.1032C23.7959 18.5369 23.9167 17.9299 23.9167 17.3169V9.33342C23.9167 8.09574 23.425 6.90875 22.5498 6.03358C21.6747 5.15841 20.4877 4.66675 19.25 4.66675Z"
|
|
25
|
+
stroke="#1A1A1A"
|
|
26
|
+
strokeWidth={2.1}
|
|
27
|
+
strokeLinecap="round"
|
|
28
|
+
strokeLinejoin="round"
|
|
29
|
+
/>
|
|
30
|
+
<path
|
|
31
|
+
d="M23.9166 16.3334H19.8333C18.9051 16.3334 18.0148 16.7022 17.3584 17.3586C16.7021 18.0149 16.3333 18.9052 16.3333 19.8334V23.9168M9.33331 9.33344H18.0833M9.33331 14.0001H15.1666"
|
|
32
|
+
stroke="#1A1A1A"
|
|
33
|
+
strokeWidth={2.1}
|
|
34
|
+
strokeLinecap="round"
|
|
35
|
+
strokeLinejoin="round"
|
|
36
|
+
/>
|
|
37
|
+
</svg>
|
|
38
|
+
);
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
export default SvgNote;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { ReactIconProps } from '../shared/types';
|
|
3
|
+
import { resolveSize } from '../shared/types';
|
|
4
|
+
|
|
5
|
+
const SvgPlus = ({ size = 16, ...props }: ReactIconProps) => {
|
|
6
|
+
const sizeValue = resolveSize(size);
|
|
7
|
+
|
|
8
|
+
return (
|
|
9
|
+
<svg
|
|
10
|
+
width={sizeValue} height={sizeValue}
|
|
11
|
+
viewBox="0 0 16 16"
|
|
12
|
+
fill="none"
|
|
13
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
14
|
+
{...props}
|
|
15
|
+
>
|
|
16
|
+
<path
|
|
17
|
+
d="M7 15V9H1C0.447715 9 0 8.55229 0 8C0 7.44772 0.447715 7 1 7H7V1C7 0.447715 7.44772 0 8 0C8.55229 0 9 0.447715 9 1V7H15C15.5523 7 16 7.44772 16 8C16 8.55229 15.5523 9 15 9H9V15C9 15.5523 8.55229 16 8 16C7.44772 16 7 15.5523 7 15Z"
|
|
18
|
+
fill="currentColor"
|
|
19
|
+
/>
|
|
20
|
+
</svg>
|
|
21
|
+
);
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
export default SvgPlus;
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { ReactIconProps } from '../shared/types';
|
|
3
|
+
import { resolveSize } from '../shared/types';
|
|
4
|
+
|
|
5
|
+
const SvgTrash2 = ({ 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="M2 6C2 5.44772 2.44772 5 3 5H21C21.5523 5 22 5.44772 22 6C22 6.55228 21.5523 7 21 7H3C2.44772 7 2 6.55228 2 6Z"
|
|
20
|
+
fill="currentColor"
|
|
21
|
+
/>
|
|
22
|
+
<path
|
|
23
|
+
fillRule="evenodd"
|
|
24
|
+
clipRule="evenodd"
|
|
25
|
+
d="M5 5C5.55228 5 6 5.44772 6 6V20C6 20.1748 6.09745 20.4332 6.33211 20.6679C6.56676 20.9025 6.82523 21 7 21H17C17.1748 21 17.4332 20.9025 17.6679 20.6679C17.9025 20.4332 18 20.1748 18 20V6C18 5.44772 18.4477 5 19 5C19.5523 5 20 5.44772 20 6V20C20 20.8252 19.5975 21.5668 19.0821 22.0821C18.5668 22.5975 17.8252 23 17 23H7C6.17477 23 5.43324 22.5975 4.91789 22.0821C4.40255 21.5668 4 20.8252 4 20V6C4 5.44772 4.44772 5 5 5Z"
|
|
26
|
+
fill="currentColor"
|
|
27
|
+
/>
|
|
28
|
+
<path
|
|
29
|
+
fillRule="evenodd"
|
|
30
|
+
clipRule="evenodd"
|
|
31
|
+
d="M9.33211 3.33211C9.09745 3.56676 9 3.82523 9 4V6C9 6.55228 8.55228 7 8 7C7.44772 7 7 6.55228 7 6V4C7 3.17477 7.40255 2.43324 7.91789 1.91789C8.43324 1.40255 9.17477 1 10 1H14C14.8252 1 15.5668 1.40255 16.0821 1.91789C16.5975 2.43324 17 3.17477 17 4V6C17 6.55228 16.5523 7 16 7C15.4477 7 15 6.55228 15 6V4C15 3.82523 14.9025 3.56676 14.6679 3.33211C14.4332 3.09745 14.1748 3 14 3H10C9.82523 3 9.56676 3.09745 9.33211 3.33211Z"
|
|
32
|
+
fill="currentColor"
|
|
33
|
+
/>
|
|
34
|
+
<path
|
|
35
|
+
fillRule="evenodd"
|
|
36
|
+
clipRule="evenodd"
|
|
37
|
+
d="M10 10C10.5523 10 11 10.4477 11 11V17C11 17.5523 10.5523 18 10 18C9.44772 18 9 17.5523 9 17V11C9 10.4477 9.44772 10 10 10Z"
|
|
38
|
+
fill="currentColor"
|
|
39
|
+
/>
|
|
40
|
+
<path
|
|
41
|
+
fillRule="evenodd"
|
|
42
|
+
clipRule="evenodd"
|
|
43
|
+
d="M14 10C14.5523 10 15 10.4477 15 11V17C15 17.5523 14.5523 18 14 18C13.4477 18 13 17.5523 13 17V11C13 10.4477 13.4477 10 14 10Z"
|
|
44
|
+
fill="currentColor"
|
|
45
|
+
/>
|
|
46
|
+
</svg>
|
|
47
|
+
);
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
export default SvgTrash2;
|
package/src/react/index.ts
CHANGED
|
@@ -30,13 +30,16 @@ export { default as LeadsFilled } from './LeadsFilled';
|
|
|
30
30
|
export { default as LeadsLinear } from './LeadsLinear';
|
|
31
31
|
export { default as Mail } from './Mail';
|
|
32
32
|
export { default as Mortgage } from './Mortgage';
|
|
33
|
+
export { default as Note } from './Note';
|
|
33
34
|
export { default as Payments } from './Payments';
|
|
35
|
+
export { default as Plus } from './Plus';
|
|
34
36
|
export { default as PropertiesFilled } from './PropertiesFilled';
|
|
35
37
|
export { default as PropertiesLinear } from './PropertiesLinear';
|
|
36
38
|
export { default as Rent } from './Rent';
|
|
37
39
|
export { default as Search } from './Search';
|
|
38
40
|
export { default as SearchX } from './SearchX';
|
|
39
41
|
export { default as Share } from './Share';
|
|
42
|
+
export { default as Trash2 } from './Trash2';
|
|
40
43
|
export { default as User } from './User';
|
|
41
44
|
export { default as Whatsapp } from './Whatsapp';
|
|
42
45
|
|
package/src/react/index.tsx
CHANGED
|
@@ -29,12 +29,15 @@ export { default as LeadsFilled } from './LeadsFilled';
|
|
|
29
29
|
export { default as LeadsLinear } from './LeadsLinear';
|
|
30
30
|
export { default as Mail } from './Mail';
|
|
31
31
|
export { default as Mortgage } from './Mortgage';
|
|
32
|
+
export { default as Note } from './Note';
|
|
32
33
|
export { default as Payments } from './Payments';
|
|
34
|
+
export { default as Plus } from './Plus';
|
|
33
35
|
export { default as PropertiesFilled } from './PropertiesFilled';
|
|
34
36
|
export { default as PropertiesLinear } from './PropertiesLinear';
|
|
35
37
|
export { default as Rent } from './Rent';
|
|
36
38
|
export { default as SearchX } from './SearchX';
|
|
37
39
|
export { default as Search } from './Search';
|
|
38
40
|
export { default as Share } from './Share';
|
|
41
|
+
export { default as Trash2 } from './Trash2';
|
|
39
42
|
export { default as User } from './User';
|
|
40
43
|
export { default as Whatsapp } from './Whatsapp';
|