huspy-icons 0.1.10 → 0.1.11
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 +28 -22
- package/dist/fonts/HuspyIcons.eot +0 -0
- package/dist/fonts/HuspyIcons.json +20 -18
- package/dist/fonts/HuspyIcons.ts +24 -18
- 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 +20 -18
- package/dist/native/index.js.map +1 -1
- package/dist/react/index.d.mts +6 -2
- package/dist/react/index.d.ts +6 -2
- package/dist/react/index.js +233 -124
- package/dist/react/index.js.map +1 -1
- package/dist/react/index.mjs +213 -104
- package/dist/react/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/native/glyphMap.ts +21 -19
- package/src/react/ExploreFilled.tsx +36 -0
- package/src/react/ExploreLinear.tsx +32 -0
- package/src/react/Icon.tsx +7 -1
- package/src/react/index.ts +2 -0
- package/src/react/index.tsx +2 -0
|
@@ -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 SvgExploreFilled = ({ 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 4C7.13401 4 4 7.13401 4 11C4 14.866 7.13401 18 11 18C14.866 18 18 14.866 18 11C18 7.13401 14.866 4 11 4ZM2 11C2 6.02944 6.02944 2 11 2C15.9706 2 20 6.02944 20 11C20 15.9706 15.9706 20 11 20C6.02944 20 2 15.9706 2 11Z"
|
|
20
|
+
fill="currentColor"
|
|
21
|
+
/>
|
|
22
|
+
<path
|
|
23
|
+
fillRule="evenodd"
|
|
24
|
+
clipRule="evenodd"
|
|
25
|
+
d="M15.9929 15.9929C16.3834 15.6024 17.0166 15.6024 17.4071 15.9929L21.7071 20.2929C22.0976 20.6834 22.0976 21.3166 21.7071 21.7071C21.3166 22.0976 20.6834 22.0976 20.2929 21.7071L15.9929 17.4071C15.6024 17.0166 15.6024 16.3834 15.9929 15.9929Z"
|
|
26
|
+
fill="currentColor"
|
|
27
|
+
/>
|
|
28
|
+
<path
|
|
29
|
+
d="M16.1046 11.1024C16.1046 13.9203 13.8202 16.2047 11.0022 16.2047C8.1843 16.2047 5.8999 13.9203 5.8999 11.1024C5.8999 8.28445 8.1843 6.00005 11.0022 6.00005C13.8202 6.00005 16.1046 8.28445 16.1046 11.1024Z"
|
|
30
|
+
fill="currentColor"
|
|
31
|
+
/>
|
|
32
|
+
</svg>
|
|
33
|
+
);
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
export default SvgExploreFilled;
|
|
@@ -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 SvgExploreLinear = ({ 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 4C7.13401 4 4 7.13401 4 11C4 14.866 7.13401 18 11 18C14.866 18 18 14.866 18 11C18 7.13401 14.866 4 11 4ZM2 11C2 6.02944 6.02944 2 11 2C15.9706 2 20 6.02944 20 11C20 15.9706 15.9706 20 11 20C6.02944 20 2 15.9706 2 11Z"
|
|
20
|
+
fill="currentColor"
|
|
21
|
+
/>
|
|
22
|
+
<path
|
|
23
|
+
fillRule="evenodd"
|
|
24
|
+
clipRule="evenodd"
|
|
25
|
+
d="M15.9929 15.9929C16.3834 15.6024 17.0166 15.6024 17.4071 15.9929L21.7071 20.2929C22.0976 20.6834 22.0976 21.3166 21.7071 21.7071C21.3166 22.0976 20.6834 22.0976 20.2929 21.7071L15.9929 17.4071C15.6024 17.0166 15.6024 16.3834 15.9929 15.9929Z"
|
|
26
|
+
fill="currentColor"
|
|
27
|
+
/>
|
|
28
|
+
</svg>
|
|
29
|
+
);
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
export default SvgExploreLinear;
|
package/src/react/Icon.tsx
CHANGED
|
@@ -23,6 +23,8 @@ import type { ReactIconProps } from '../shared/types';
|
|
|
23
23
|
// Icon: chevron-right
|
|
24
24
|
// Icon: chevron-up
|
|
25
25
|
// Icon: edit
|
|
26
|
+
// Icon: explore-filled
|
|
27
|
+
// Icon: explore-linear
|
|
26
28
|
// Icon: eye-hidden
|
|
27
29
|
// Icon: eye-visible
|
|
28
30
|
// Icon: file-key
|
|
@@ -47,7 +49,7 @@ import type { ReactIconProps } from '../shared/types';
|
|
|
47
49
|
/**
|
|
48
50
|
* Available icon names
|
|
49
51
|
*/
|
|
50
|
-
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' | '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';
|
|
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';
|
|
51
53
|
|
|
52
54
|
/**
|
|
53
55
|
* Props for the unified Icon component
|
|
@@ -103,6 +105,10 @@ function loadIcon(name: IconName): Promise<React.ComponentType<any>> {
|
|
|
103
105
|
return import('./ChevronUp').then(m => m.default);
|
|
104
106
|
case 'edit':
|
|
105
107
|
return import('./Edit').then(m => m.default);
|
|
108
|
+
case 'explore-filled':
|
|
109
|
+
return import('./ExploreFilled').then(m => m.default);
|
|
110
|
+
case 'explore-linear':
|
|
111
|
+
return import('./ExploreLinear').then(m => m.default);
|
|
106
112
|
case 'eye-hidden':
|
|
107
113
|
return import('./EyeHidden').then(m => m.default);
|
|
108
114
|
case 'eye-visible':
|
package/src/react/index.ts
CHANGED
|
@@ -17,6 +17,8 @@ export { default as ChevronLeft } from './ChevronLeft';
|
|
|
17
17
|
export { default as ChevronRight } from './ChevronRight';
|
|
18
18
|
export { default as ChevronUp } from './ChevronUp';
|
|
19
19
|
export { default as Edit } from './Edit';
|
|
20
|
+
export { default as ExploreFilled } from './ExploreFilled';
|
|
21
|
+
export { default as ExploreLinear } from './ExploreLinear';
|
|
20
22
|
export { default as EyeHidden } from './EyeHidden';
|
|
21
23
|
export { default as EyeVisible } from './EyeVisible';
|
|
22
24
|
export { default as FileKey } from './FileKey';
|
package/src/react/index.tsx
CHANGED
|
@@ -16,6 +16,8 @@ export { default as ChevronLeft } from './ChevronLeft';
|
|
|
16
16
|
export { default as ChevronRight } from './ChevronRight';
|
|
17
17
|
export { default as ChevronUp } from './ChevronUp';
|
|
18
18
|
export { default as Edit } from './Edit';
|
|
19
|
+
export { default as ExploreFilled } from './ExploreFilled';
|
|
20
|
+
export { default as ExploreLinear } from './ExploreLinear';
|
|
19
21
|
export { default as EyeHidden } from './EyeHidden';
|
|
20
22
|
export { default as EyeVisible } from './EyeVisible';
|
|
21
23
|
export { default as FileKey } from './FileKey';
|