huspy-icons 0.2.3 → 0.3.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/README.md +3 -4
- package/dist/fonts/HuspyIcons.css +33 -30
- package/dist/fonts/HuspyIcons.eot +0 -0
- package/dist/fonts/HuspyIcons.json +27 -26
- package/dist/fonts/HuspyIcons.ts +29 -26
- 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 +27 -26
- package/dist/native/index.js.map +1 -1
- package/dist/react/index.d.mts +4 -2
- package/dist/react/index.d.ts +4 -2
- package/dist/react/index.js +216 -156
- package/dist/react/index.js.map +1 -1
- package/dist/react/index.mjs +191 -131
- package/dist/react/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/native/glyphMap.ts +28 -27
- package/src/react/FileSignature.tsx +38 -0
- package/src/react/Icon.tsx +4 -1
- package/src/react/index.ts +1 -0
- package/src/react/index.tsx +1 -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' | 'share' | 'search' | 'search-x' | 'rent' | 'properties-linear' | 'properties-filled' | 'plus' | 'payments' | 'note' | 'mortgage' | 'mail' | 'logout' | 'lock' | 'leads-linear' | 'leads-filled' | 'keys_01' | 'icon-slot' | 'home-linear' | 'home-filled' | 'help-circle' | 'file-text' | 'file-spreadsheet' | 'file-lock' | 'file-key' | 'file-check' | '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-up-down' | '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' | 'logout' | 'lock' | 'leads-linear' | 'leads-filled' | 'keys_01' | 'icon-slot' | 'home-linear' | 'home-filled' | 'help-circle' | 'file-text' | 'file-spreadsheet' | 'file-signature' | 'file-lock' | 'file-key' | 'file-check' | '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-up-down' | '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
|
|
@@ -36,32 +36,33 @@ export const glyphMap: Record<IconName, number> = {
|
|
|
36
36
|
"help-circle": 61719,
|
|
37
37
|
"file-text": 61720,
|
|
38
38
|
"file-spreadsheet": 61721,
|
|
39
|
-
"file-
|
|
40
|
-
"file-
|
|
41
|
-
"file-
|
|
42
|
-
"
|
|
43
|
-
"eye-
|
|
44
|
-
"
|
|
45
|
-
"explore-
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"chevron-
|
|
49
|
-
"chevron-
|
|
50
|
-
"chevron-
|
|
51
|
-
"
|
|
52
|
-
"
|
|
53
|
-
"cancel
|
|
54
|
-
"
|
|
55
|
-
"
|
|
56
|
-
"arrow-up
|
|
57
|
-
"arrow-up-
|
|
58
|
-
"arrow-up-
|
|
59
|
-
"arrow-
|
|
60
|
-
"arrow-
|
|
61
|
-
"arrow-
|
|
62
|
-
"arrow-down
|
|
63
|
-
"arrow-down-
|
|
64
|
-
"
|
|
39
|
+
"file-signature": 61722,
|
|
40
|
+
"file-lock": 61723,
|
|
41
|
+
"file-key": 61724,
|
|
42
|
+
"file-check": 61725,
|
|
43
|
+
"eye-visible": 61726,
|
|
44
|
+
"eye-hidden": 61727,
|
|
45
|
+
"explore-linear": 61728,
|
|
46
|
+
"explore-filled": 61729,
|
|
47
|
+
"edit": 61730,
|
|
48
|
+
"chevron-up": 61731,
|
|
49
|
+
"chevron-right": 61732,
|
|
50
|
+
"chevron-left": 61733,
|
|
51
|
+
"chevron-down": 61734,
|
|
52
|
+
"check": 61735,
|
|
53
|
+
"cancel": 61736,
|
|
54
|
+
"cancel-circle-solid": 61737,
|
|
55
|
+
"bell": 61738,
|
|
56
|
+
"arrow-up": 61739,
|
|
57
|
+
"arrow-up-right": 61740,
|
|
58
|
+
"arrow-up-left": 61741,
|
|
59
|
+
"arrow-up-down": 61742,
|
|
60
|
+
"arrow-right": 61743,
|
|
61
|
+
"arrow-left": 61744,
|
|
62
|
+
"arrow-down": 61745,
|
|
63
|
+
"arrow-down-right": 61746,
|
|
64
|
+
"arrow-down-left": 61747,
|
|
65
|
+
"alert-triangle": 61748
|
|
65
66
|
};
|
|
66
67
|
|
|
67
68
|
/**
|
|
@@ -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 SvgFileSignature = ({ 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="M6 3C5.73478 3 5.48043 3.10536 5.29289 3.29289C5.10536 3.48043 5 3.73478 5 4V20C5 20.2652 5.10536 20.5196 5.29289 20.7071C5.48043 20.8946 5.73478 21 6 21H18C18.2652 21 18.5196 20.8946 18.7071 20.7071C18.8946 20.5196 19 20.2652 19 20V19.5C19 18.9477 19.4477 18.5 20 18.5C20.5523 18.5 21 18.9477 21 19.5V20C21 20.7957 20.6839 21.5587 20.1213 22.1213C19.5587 22.6839 18.7957 23 18 23H6C5.20435 23 4.44129 22.6839 3.87868 22.1213C3.31607 21.5587 3 20.7957 3 20V4C3 3.20435 3.31607 2.44129 3.87868 1.87868C4.44129 1.31607 5.20435 1 6 1H14.5C14.7652 1 15.0196 1.10536 15.2071 1.29289L18.7071 4.79289C19.0976 5.18342 19.0976 5.81658 18.7071 6.20711C18.3166 6.59763 17.6834 6.59763 17.2929 6.20711L14.0858 3H6Z"
|
|
20
|
+
fill="currentColor"
|
|
21
|
+
/>
|
|
22
|
+
<path
|
|
23
|
+
fillRule="evenodd"
|
|
24
|
+
clipRule="evenodd"
|
|
25
|
+
d="M7 18C7 17.4477 7.44772 17 8 17H9C9.55228 17 10 17.4477 10 18C10 18.5523 9.55228 19 9 19H8C7.44772 19 7 18.5523 7 18Z"
|
|
26
|
+
fill="currentColor"
|
|
27
|
+
/>
|
|
28
|
+
<path
|
|
29
|
+
fillRule="evenodd"
|
|
30
|
+
clipRule="evenodd"
|
|
31
|
+
d="M19.905 9.99489C19.7605 9.99489 19.6175 10.0233 19.484 10.0786C19.3507 10.1339 19.2295 10.2148 19.1275 10.3168C19.1273 10.3169 19.1276 10.3166 19.1275 10.3168L14.8929 14.5609L14.3768 16.6199L16.4388 16.0979L20.6829 11.8729C20.6827 11.8731 20.6831 11.8727 20.6829 11.8729C20.7847 11.7709 20.8662 11.6492 20.9214 11.516C20.9767 11.3825 21.0051 11.2395 21.0051 11.095C21.0051 10.9505 20.9767 10.8075 20.9214 10.674C20.8661 10.5405 20.785 10.4193 20.6829 10.3171C20.5807 10.215 20.4595 10.1339 20.326 10.0786C20.1925 10.0233 20.0495 9.99489 19.905 9.99489ZM18.7186 8.23087C19.0948 8.07508 19.4979 7.99489 19.905 7.99489C20.3121 7.99489 20.7152 8.07508 21.0914 8.23087C21.4675 8.38667 21.8092 8.61502 22.0971 8.90289C22.385 9.19076 22.6133 9.53252 22.7691 9.90864C22.9249 10.2848 23.0051 10.6879 23.0051 11.095C23.0051 11.5021 22.9249 11.9052 22.7691 12.2814C22.6133 12.6575 22.385 12.9992 22.0971 13.2871L22.0955 13.2887L17.6555 17.7087C17.5283 17.8353 17.3694 17.9254 17.1954 17.9694L13.2454 18.9694C12.9043 19.0558 12.5429 18.9565 12.2937 18.7079C12.0446 18.4594 11.9445 18.0982 12.03 17.7569L13.02 13.8069C13.0639 13.6316 13.1545 13.4716 13.2821 13.3437L17.7129 8.90289C18.0008 8.61502 18.3425 8.38667 18.7186 8.23087Z"
|
|
32
|
+
fill="currentColor"
|
|
33
|
+
/>
|
|
34
|
+
</svg>
|
|
35
|
+
);
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
export default SvgFileSignature;
|
package/src/react/Icon.tsx
CHANGED
|
@@ -31,6 +31,7 @@ import type { ReactIconProps } from '../shared/types';
|
|
|
31
31
|
// Icon: file-check
|
|
32
32
|
// Icon: file-key
|
|
33
33
|
// Icon: file-lock
|
|
34
|
+
// Icon: file-signature
|
|
34
35
|
// Icon: file-spreadsheet
|
|
35
36
|
// Icon: file-text
|
|
36
37
|
// Icon: help-circle
|
|
@@ -60,7 +61,7 @@ import type { ReactIconProps } from '../shared/types';
|
|
|
60
61
|
/**
|
|
61
62
|
* Available icon names
|
|
62
63
|
*/
|
|
63
|
-
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' | 'bell' | 'cancel' | 'cancel-circle-solid' | 'check' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'edit' | 'explore-filled' | 'explore-linear' | 'eye-hidden' | 'eye-visible' | 'file-check' | 'file-key' | 'file-lock' | 'file-spreadsheet' | 'file-text' | 'help-circle' | 'home-filled' | 'home-linear' | 'icon-slot' | 'keys01' | 'leads-filled' | 'leads-linear' | 'lock' | 'logout' | 'mail' | 'mortgage' | 'note' | 'payments' | 'plus' | 'properties-filled' | 'properties-linear' | 'rent' | 'search' | 'search-x' | 'share' | 'trash2' | 'user' | 'whatsapp';
|
|
64
|
+
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' | 'bell' | 'cancel' | 'cancel-circle-solid' | 'check' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'edit' | 'explore-filled' | 'explore-linear' | 'eye-hidden' | 'eye-visible' | 'file-check' | 'file-key' | 'file-lock' | 'file-signature' | 'file-spreadsheet' | 'file-text' | 'help-circle' | 'home-filled' | 'home-linear' | 'icon-slot' | 'keys01' | 'leads-filled' | 'leads-linear' | 'lock' | 'logout' | 'mail' | 'mortgage' | 'note' | 'payments' | 'plus' | 'properties-filled' | 'properties-linear' | 'rent' | 'search' | 'search-x' | 'share' | 'trash2' | 'user' | 'whatsapp';
|
|
64
65
|
|
|
65
66
|
/**
|
|
66
67
|
* Props for the unified Icon component
|
|
@@ -132,6 +133,8 @@ function loadIcon(name: IconName): Promise<React.ComponentType<any>> {
|
|
|
132
133
|
return import('./FileKey').then(m => m.default);
|
|
133
134
|
case 'file-lock':
|
|
134
135
|
return import('./FileLock').then(m => m.default);
|
|
136
|
+
case 'file-signature':
|
|
137
|
+
return import('./FileSignature').then(m => m.default);
|
|
135
138
|
case 'file-spreadsheet':
|
|
136
139
|
return import('./FileSpreadsheet').then(m => m.default);
|
|
137
140
|
case 'file-text':
|
package/src/react/index.ts
CHANGED
|
@@ -25,6 +25,7 @@ export { default as EyeVisible } from './EyeVisible';
|
|
|
25
25
|
export { default as FileCheck } from './FileCheck';
|
|
26
26
|
export { default as FileKey } from './FileKey';
|
|
27
27
|
export { default as FileLock } from './FileLock';
|
|
28
|
+
export { default as FileSignature } from './FileSignature';
|
|
28
29
|
export { default as FileSpreadsheet } from './FileSpreadsheet';
|
|
29
30
|
export { default as FileText } from './FileText';
|
|
30
31
|
export { default as HelpCircle } from './HelpCircle';
|
package/src/react/index.tsx
CHANGED
|
@@ -24,6 +24,7 @@ export { default as EyeVisible } from './EyeVisible';
|
|
|
24
24
|
export { default as FileCheck } from './FileCheck';
|
|
25
25
|
export { default as FileKey } from './FileKey';
|
|
26
26
|
export { default as FileLock } from './FileLock';
|
|
27
|
+
export { default as FileSignature } from './FileSignature';
|
|
27
28
|
export { default as FileSpreadsheet } from './FileSpreadsheet';
|
|
28
29
|
export { default as FileText } from './FileText';
|
|
29
30
|
export { default as HelpCircle } from './HelpCircle';
|