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
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
@font-face {
|
|
2
2
|
font-family: "HuspyIcons";
|
|
3
|
-
src: url(".//HuspyIcons.ttf?
|
|
4
|
-
url(".//HuspyIcons.woff?
|
|
5
|
-
url(".//HuspyIcons.woff2?
|
|
6
|
-
url(".//HuspyIcons.eot?
|
|
3
|
+
src: url(".//HuspyIcons.ttf?bf42fdfa63dcbcf71c8b235689b7a45c") format("truetype"),
|
|
4
|
+
url(".//HuspyIcons.woff?bf42fdfa63dcbcf71c8b235689b7a45c") format("woff"),
|
|
5
|
+
url(".//HuspyIcons.woff2?bf42fdfa63dcbcf71c8b235689b7a45c") format("woff2"),
|
|
6
|
+
url(".//HuspyIcons.eot?bf42fdfa63dcbcf71c8b235689b7a45c#iefix") format("embedded-opentype");
|
|
7
7
|
}
|
|
8
8
|
|
|
9
9
|
.icon:before {
|
|
@@ -77,57 +77,63 @@ url(".//HuspyIcons.eot?3f801102a96debb460890aa5c2c14b3b#iefix") format("embedded
|
|
|
77
77
|
.icon.huspy-icon-eye-hidden:before {
|
|
78
78
|
content: "\f114";
|
|
79
79
|
}
|
|
80
|
-
.icon.huspy-icon-
|
|
80
|
+
.icon.huspy-icon-explore-linear:before {
|
|
81
81
|
content: "\f115";
|
|
82
82
|
}
|
|
83
|
-
.icon.huspy-icon-
|
|
83
|
+
.icon.huspy-icon-explore-filled:before {
|
|
84
84
|
content: "\f116";
|
|
85
85
|
}
|
|
86
|
-
.icon.huspy-icon-
|
|
86
|
+
.icon.huspy-icon-edit:before {
|
|
87
87
|
content: "\f117";
|
|
88
88
|
}
|
|
89
|
-
.icon.huspy-icon-chevron-
|
|
89
|
+
.icon.huspy-icon-chevron-up:before {
|
|
90
90
|
content: "\f118";
|
|
91
91
|
}
|
|
92
|
-
.icon.huspy-icon-chevron-
|
|
92
|
+
.icon.huspy-icon-chevron-right:before {
|
|
93
93
|
content: "\f119";
|
|
94
94
|
}
|
|
95
|
-
.icon.huspy-icon-
|
|
95
|
+
.icon.huspy-icon-chevron-left:before {
|
|
96
96
|
content: "\f11a";
|
|
97
97
|
}
|
|
98
|
-
.icon.huspy-icon-
|
|
98
|
+
.icon.huspy-icon-chevron-down:before {
|
|
99
99
|
content: "\f11b";
|
|
100
100
|
}
|
|
101
|
-
.icon.huspy-icon-
|
|
101
|
+
.icon.huspy-icon-check:before {
|
|
102
102
|
content: "\f11c";
|
|
103
103
|
}
|
|
104
|
-
.icon.huspy-icon-
|
|
104
|
+
.icon.huspy-icon-cancel:before {
|
|
105
105
|
content: "\f11d";
|
|
106
106
|
}
|
|
107
|
-
.icon.huspy-icon-
|
|
107
|
+
.icon.huspy-icon-cancel-circle-solid:before {
|
|
108
108
|
content: "\f11e";
|
|
109
109
|
}
|
|
110
|
-
.icon.huspy-icon-
|
|
110
|
+
.icon.huspy-icon-bell:before {
|
|
111
111
|
content: "\f11f";
|
|
112
112
|
}
|
|
113
|
-
.icon.huspy-icon-arrow-up
|
|
113
|
+
.icon.huspy-icon-arrow-up:before {
|
|
114
114
|
content: "\f120";
|
|
115
115
|
}
|
|
116
|
-
.icon.huspy-icon-arrow-right:before {
|
|
116
|
+
.icon.huspy-icon-arrow-up-right:before {
|
|
117
117
|
content: "\f121";
|
|
118
118
|
}
|
|
119
|
-
.icon.huspy-icon-arrow-left:before {
|
|
119
|
+
.icon.huspy-icon-arrow-up-left:before {
|
|
120
120
|
content: "\f122";
|
|
121
121
|
}
|
|
122
|
-
.icon.huspy-icon-arrow-
|
|
122
|
+
.icon.huspy-icon-arrow-right:before {
|
|
123
123
|
content: "\f123";
|
|
124
124
|
}
|
|
125
|
-
.icon.huspy-icon-arrow-
|
|
125
|
+
.icon.huspy-icon-arrow-left:before {
|
|
126
126
|
content: "\f124";
|
|
127
127
|
}
|
|
128
|
-
.icon.huspy-icon-arrow-down
|
|
128
|
+
.icon.huspy-icon-arrow-down:before {
|
|
129
129
|
content: "\f125";
|
|
130
130
|
}
|
|
131
|
-
.icon.huspy-icon-
|
|
131
|
+
.icon.huspy-icon-arrow-down-right:before {
|
|
132
132
|
content: "\f126";
|
|
133
133
|
}
|
|
134
|
+
.icon.huspy-icon-arrow-down-left:before {
|
|
135
|
+
content: "\f127";
|
|
136
|
+
}
|
|
137
|
+
.icon.huspy-icon-alert-triangle:before {
|
|
138
|
+
content: "\f128";
|
|
139
|
+
}
|
|
Binary file
|
|
@@ -19,22 +19,24 @@
|
|
|
19
19
|
"file-key": 61714,
|
|
20
20
|
"eye-visible": 61715,
|
|
21
21
|
"eye-hidden": 61716,
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
"
|
|
25
|
-
"chevron-
|
|
26
|
-
"chevron-
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"arrow-up
|
|
34
|
-
"arrow-right": 61729,
|
|
35
|
-
"arrow-left": 61730,
|
|
36
|
-
"arrow-
|
|
37
|
-
"arrow-
|
|
38
|
-
"arrow-down
|
|
39
|
-
"
|
|
22
|
+
"explore-linear": 61717,
|
|
23
|
+
"explore-filled": 61718,
|
|
24
|
+
"edit": 61719,
|
|
25
|
+
"chevron-up": 61720,
|
|
26
|
+
"chevron-right": 61721,
|
|
27
|
+
"chevron-left": 61722,
|
|
28
|
+
"chevron-down": 61723,
|
|
29
|
+
"check": 61724,
|
|
30
|
+
"cancel": 61725,
|
|
31
|
+
"cancel-circle-solid": 61726,
|
|
32
|
+
"bell": 61727,
|
|
33
|
+
"arrow-up": 61728,
|
|
34
|
+
"arrow-up-right": 61729,
|
|
35
|
+
"arrow-up-left": 61730,
|
|
36
|
+
"arrow-right": 61731,
|
|
37
|
+
"arrow-left": 61732,
|
|
38
|
+
"arrow-down": 61733,
|
|
39
|
+
"arrow-down-right": 61734,
|
|
40
|
+
"arrow-down-left": 61735,
|
|
41
|
+
"alert-triangle": 61736
|
|
40
42
|
}
|
package/dist/fonts/HuspyIcons.ts
CHANGED
|
@@ -19,6 +19,8 @@ export type HuspyIconsId =
|
|
|
19
19
|
| "file-key"
|
|
20
20
|
| "eye-visible"
|
|
21
21
|
| "eye-hidden"
|
|
22
|
+
| "explore-linear"
|
|
23
|
+
| "explore-filled"
|
|
22
24
|
| "edit"
|
|
23
25
|
| "chevron-up"
|
|
24
26
|
| "chevron-right"
|
|
@@ -59,6 +61,8 @@ export enum HuspyIcons {
|
|
|
59
61
|
FileKey = "file-key",
|
|
60
62
|
EyeVisible = "eye-visible",
|
|
61
63
|
EyeHidden = "eye-hidden",
|
|
64
|
+
ExploreLinear = "explore-linear",
|
|
65
|
+
ExploreFilled = "explore-filled",
|
|
62
66
|
Edit = "edit",
|
|
63
67
|
ChevronUp = "chevron-up",
|
|
64
68
|
ChevronRight = "chevron-right",
|
|
@@ -100,22 +104,24 @@ export const HUSPY_ICONS_CODEPOINTS: { [key in HuspyIcons]: string } = {
|
|
|
100
104
|
[HuspyIcons.FileKey]: "61714",
|
|
101
105
|
[HuspyIcons.EyeVisible]: "61715",
|
|
102
106
|
[HuspyIcons.EyeHidden]: "61716",
|
|
103
|
-
[HuspyIcons.
|
|
104
|
-
[HuspyIcons.
|
|
105
|
-
[HuspyIcons.
|
|
106
|
-
[HuspyIcons.
|
|
107
|
-
[HuspyIcons.
|
|
108
|
-
[HuspyIcons.
|
|
109
|
-
[HuspyIcons.
|
|
110
|
-
[HuspyIcons.
|
|
111
|
-
[HuspyIcons.
|
|
112
|
-
[HuspyIcons.
|
|
113
|
-
[HuspyIcons.
|
|
114
|
-
[HuspyIcons.
|
|
115
|
-
[HuspyIcons.
|
|
116
|
-
[HuspyIcons.
|
|
117
|
-
[HuspyIcons.
|
|
118
|
-
[HuspyIcons.
|
|
119
|
-
[HuspyIcons.
|
|
120
|
-
[HuspyIcons.
|
|
107
|
+
[HuspyIcons.ExploreLinear]: "61717",
|
|
108
|
+
[HuspyIcons.ExploreFilled]: "61718",
|
|
109
|
+
[HuspyIcons.Edit]: "61719",
|
|
110
|
+
[HuspyIcons.ChevronUp]: "61720",
|
|
111
|
+
[HuspyIcons.ChevronRight]: "61721",
|
|
112
|
+
[HuspyIcons.ChevronLeft]: "61722",
|
|
113
|
+
[HuspyIcons.ChevronDown]: "61723",
|
|
114
|
+
[HuspyIcons.Check]: "61724",
|
|
115
|
+
[HuspyIcons.Cancel]: "61725",
|
|
116
|
+
[HuspyIcons.CancelCircleSolid]: "61726",
|
|
117
|
+
[HuspyIcons.Bell]: "61727",
|
|
118
|
+
[HuspyIcons.ArrowUp]: "61728",
|
|
119
|
+
[HuspyIcons.ArrowUpRight]: "61729",
|
|
120
|
+
[HuspyIcons.ArrowUpLeft]: "61730",
|
|
121
|
+
[HuspyIcons.ArrowRight]: "61731",
|
|
122
|
+
[HuspyIcons.ArrowLeft]: "61732",
|
|
123
|
+
[HuspyIcons.ArrowDown]: "61733",
|
|
124
|
+
[HuspyIcons.ArrowDownRight]: "61734",
|
|
125
|
+
[HuspyIcons.ArrowDownLeft]: "61735",
|
|
126
|
+
[HuspyIcons.AlertTriangle]: "61736",
|
|
121
127
|
};
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
package/dist/native/index.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ import { TextProps } from 'react-native';
|
|
|
4
4
|
/**
|
|
5
5
|
* Available icon names in the HuspyIcons font
|
|
6
6
|
*/
|
|
7
|
-
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' | '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
|
+
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';
|
|
8
8
|
/**
|
|
9
9
|
* Mapping of icon names to unicode codepoints
|
|
10
10
|
* Used by the Icon component to render the correct glyph
|
package/dist/native/index.js
CHANGED
|
@@ -62,24 +62,26 @@ var glyphMap = {
|
|
|
62
62
|
"file-key": 61714,
|
|
63
63
|
"eye-visible": 61715,
|
|
64
64
|
"eye-hidden": 61716,
|
|
65
|
-
"
|
|
66
|
-
"
|
|
67
|
-
"
|
|
68
|
-
"chevron-
|
|
69
|
-
"chevron-
|
|
70
|
-
"
|
|
71
|
-
"
|
|
72
|
-
"
|
|
73
|
-
"
|
|
74
|
-
"
|
|
75
|
-
"
|
|
76
|
-
"arrow-up
|
|
77
|
-
"arrow-right": 61729,
|
|
78
|
-
"arrow-left": 61730,
|
|
79
|
-
"arrow-
|
|
80
|
-
"arrow-
|
|
81
|
-
"arrow-down
|
|
82
|
-
"
|
|
65
|
+
"explore-linear": 61717,
|
|
66
|
+
"explore-filled": 61718,
|
|
67
|
+
"edit": 61719,
|
|
68
|
+
"chevron-up": 61720,
|
|
69
|
+
"chevron-right": 61721,
|
|
70
|
+
"chevron-left": 61722,
|
|
71
|
+
"chevron-down": 61723,
|
|
72
|
+
"check": 61724,
|
|
73
|
+
"cancel": 61725,
|
|
74
|
+
"cancel-circle-solid": 61726,
|
|
75
|
+
"bell": 61727,
|
|
76
|
+
"arrow-up": 61728,
|
|
77
|
+
"arrow-up-right": 61729,
|
|
78
|
+
"arrow-up-left": 61730,
|
|
79
|
+
"arrow-right": 61731,
|
|
80
|
+
"arrow-left": 61732,
|
|
81
|
+
"arrow-down": 61733,
|
|
82
|
+
"arrow-down-right": 61734,
|
|
83
|
+
"arrow-down-left": 61735,
|
|
84
|
+
"alert-triangle": 61736
|
|
83
85
|
};
|
|
84
86
|
var fontFamily = "HuspyIcons";
|
|
85
87
|
|
package/dist/native/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/native/index.ts","../../src/native/Icon.tsx","../../src/native/glyphMap.ts"],"sourcesContent":["/**\n * Huspy Icons - React Native (Font-based)\n * \n * This package provides icon components for React Native using a custom font.\n * \n * @example\n * ```tsx\n * import { Icon } from 'huspy-icons/native';\n * \n * function MyComponent() {\n * return <Icon name=\"arrow-left\" size={24} color=\"#000\" />;\n * }\n * ```\n */\n\nexport { default as Icon } from './Icon';\nexport type { IconProps, IconName } from './Icon';\nexport { glyphMap, fontFamily } from './glyphMap';\n\n","import * as React from 'react';\nimport { Text, TextProps } from 'react-native';\nimport { glyphMap, fontFamily, IconName } from './glyphMap';\n\n/**\n * Props for the Icon component (React Native)\n */\nexport interface IconProps extends Omit<TextProps, 'children'> {\n /**\n * Name of the icon to display\n */\n name: IconName;\n\n /**\n * Size of the icon (default: 16)\n */\n size?: number;\n\n /**\n * Color of the icon (default: inherits from parent or 'black')\n */\n color?: string;\n}\n\n/**\n * Icon component for React Native\n *\n * Renders icons using a custom font (HuspyIcons)\n *\n * @example\n * ```tsx\n * <Icon name=\"arrow-left\" size={24} color=\"#000\" />\n * ```\n */\nconst Icon = ({ name, size = 16, color = '#000', style, ...props }: IconProps) => {\n const codepoint = glyphMap[name];\n\n if (!codepoint) {\n if (__DEV__) {\n console.warn(`Icon \"${name}\" not found in HuspyIcons font`);\n }\n return null;\n }\n\n // Convert codepoint to character\n const glyph = String.fromCharCode(codepoint);\n\n return (\n <Text\n {...props}\n style={[\n {\n fontFamily: fontFamily,\n fontSize: size,\n color: color,\n // Ensure icon doesn't inherit text styles\n fontWeight: 'normal',\n fontStyle: 'normal',\n // Prevent text selection and ensure proper rendering\n includeFontPadding: false, // Android: removes extra padding\n textAlignVertical: 'center', // Android: centers the glyph vertically\n },\n style,\n ]}\n // Accessibility\n accessible\n accessibilityLabel={props.accessibilityLabel || name}\n accessibilityRole=\"image\"\n >\n {glyph}\n </Text>\n );\n};\n\nexport default Icon;\nexport type { IconName };\n","// Auto-generated by generate-font.js - do not edit manually\n// Source: icons-src/*.svg → dist/fonts/HuspyIcons.*\n\n/**\n * Available icon names in the HuspyIcons font\n */\nexport 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' | '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';\n\n/**\n * Mapping of icon names to unicode codepoints\n * Used by the Icon component to render the correct glyph\n */\nexport const glyphMap: Record<IconName, number> = {\n \"whatsapp\": 61697,\n \"user\": 61698,\n \"share\": 61699,\n \"search\": 61700,\n \"search-x\": 61701,\n \"rent\": 61702,\n \"properties-linear\": 61703,\n \"properties-filled\": 61704,\n \"payments\": 61705,\n \"mortgage\": 61706,\n \"mail\": 61707,\n \"leads-linear\": 61708,\n \"leads-filled\": 61709,\n \"keys_01\": 61710,\n \"icon-slot\": 61711,\n \"home-linear\": 61712,\n \"home-filled\": 61713,\n \"file-key\": 61714,\n \"eye-visible\": 61715,\n \"eye-hidden\": 61716,\n \"
|
|
1
|
+
{"version":3,"sources":["../../src/native/index.ts","../../src/native/Icon.tsx","../../src/native/glyphMap.ts"],"sourcesContent":["/**\n * Huspy Icons - React Native (Font-based)\n * \n * This package provides icon components for React Native using a custom font.\n * \n * @example\n * ```tsx\n * import { Icon } from 'huspy-icons/native';\n * \n * function MyComponent() {\n * return <Icon name=\"arrow-left\" size={24} color=\"#000\" />;\n * }\n * ```\n */\n\nexport { default as Icon } from './Icon';\nexport type { IconProps, IconName } from './Icon';\nexport { glyphMap, fontFamily } from './glyphMap';\n\n","import * as React from 'react';\nimport { Text, TextProps } from 'react-native';\nimport { glyphMap, fontFamily, IconName } from './glyphMap';\n\n/**\n * Props for the Icon component (React Native)\n */\nexport interface IconProps extends Omit<TextProps, 'children'> {\n /**\n * Name of the icon to display\n */\n name: IconName;\n\n /**\n * Size of the icon (default: 16)\n */\n size?: number;\n\n /**\n * Color of the icon (default: inherits from parent or 'black')\n */\n color?: string;\n}\n\n/**\n * Icon component for React Native\n *\n * Renders icons using a custom font (HuspyIcons)\n *\n * @example\n * ```tsx\n * <Icon name=\"arrow-left\" size={24} color=\"#000\" />\n * ```\n */\nconst Icon = ({ name, size = 16, color = '#000', style, ...props }: IconProps) => {\n const codepoint = glyphMap[name];\n\n if (!codepoint) {\n if (__DEV__) {\n console.warn(`Icon \"${name}\" not found in HuspyIcons font`);\n }\n return null;\n }\n\n // Convert codepoint to character\n const glyph = String.fromCharCode(codepoint);\n\n return (\n <Text\n {...props}\n style={[\n {\n fontFamily: fontFamily,\n fontSize: size,\n color: color,\n // Ensure icon doesn't inherit text styles\n fontWeight: 'normal',\n fontStyle: 'normal',\n // Prevent text selection and ensure proper rendering\n includeFontPadding: false, // Android: removes extra padding\n textAlignVertical: 'center', // Android: centers the glyph vertically\n },\n style,\n ]}\n // Accessibility\n accessible\n accessibilityLabel={props.accessibilityLabel || name}\n accessibilityRole=\"image\"\n >\n {glyph}\n </Text>\n );\n};\n\nexport default Icon;\nexport type { IconName };\n","// Auto-generated by generate-font.js - do not edit manually\n// Source: icons-src/*.svg → dist/fonts/HuspyIcons.*\n\n/**\n * Available icon names in the HuspyIcons font\n */\nexport 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';\n\n/**\n * Mapping of icon names to unicode codepoints\n * Used by the Icon component to render the correct glyph\n */\nexport const glyphMap: Record<IconName, number> = {\n \"whatsapp\": 61697,\n \"user\": 61698,\n \"share\": 61699,\n \"search\": 61700,\n \"search-x\": 61701,\n \"rent\": 61702,\n \"properties-linear\": 61703,\n \"properties-filled\": 61704,\n \"payments\": 61705,\n \"mortgage\": 61706,\n \"mail\": 61707,\n \"leads-linear\": 61708,\n \"leads-filled\": 61709,\n \"keys_01\": 61710,\n \"icon-slot\": 61711,\n \"home-linear\": 61712,\n \"home-filled\": 61713,\n \"file-key\": 61714,\n \"eye-visible\": 61715,\n \"eye-hidden\": 61716,\n \"explore-linear\": 61717,\n \"explore-filled\": 61718,\n \"edit\": 61719,\n \"chevron-up\": 61720,\n \"chevron-right\": 61721,\n \"chevron-left\": 61722,\n \"chevron-down\": 61723,\n \"check\": 61724,\n \"cancel\": 61725,\n \"cancel-circle-solid\": 61726,\n \"bell\": 61727,\n \"arrow-up\": 61728,\n \"arrow-up-right\": 61729,\n \"arrow-up-left\": 61730,\n \"arrow-right\": 61731,\n \"arrow-left\": 61732,\n \"arrow-down\": 61733,\n \"arrow-down-right\": 61734,\n \"arrow-down-left\": 61735,\n \"alert-triangle\": 61736\n};\n\n/**\n * Font family name for React Native\n */\nexport const fontFamily = 'HuspyIcons';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,YAAuB;AACvB,0BAAgC;;;ACWzB,IAAM,WAAqC;AAAA,EAChD,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,eAAe;AAAA,EACf,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,uBAAuB;AAAA,EACvB,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,cAAc;AAAA,EACd,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,kBAAkB;AACpB;AAKO,IAAM,aAAa;;;ADxB1B,IAAM,OAAO,CAAC,EAAE,MAAM,OAAO,IAAI,QAAQ,QAAQ,OAAO,GAAG,MAAM,MAAiB;AAChF,QAAM,YAAY,SAAS,IAAI;AAE/B,MAAI,CAAC,WAAW;AACd,QAAI,SAAS;AACX,cAAQ,KAAK,SAAS,IAAI,gCAAgC;AAAA,IAC5D;AACA,WAAO;AAAA,EACT;AAGA,QAAM,QAAQ,OAAO,aAAa,SAAS;AAE3C,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO;AAAA,QACL;AAAA,UACE;AAAA,UACA,UAAU;AAAA,UACV;AAAA;AAAA,UAEA,YAAY;AAAA,UACZ,WAAW;AAAA;AAAA,UAEX,oBAAoB;AAAA;AAAA,UACpB,mBAAmB;AAAA;AAAA,QACrB;AAAA,QACA;AAAA,MACF;AAAA,MAEA,YAAU;AAAA,MACV,oBAAoB,MAAM,sBAAsB;AAAA,MAChD,mBAAkB;AAAA;AAAA,IAEjB;AAAA,EACH;AAEJ;AAEA,IAAO,eAAQ;","names":[]}
|
package/dist/react/index.d.mts
CHANGED
|
@@ -64,6 +64,10 @@ declare const SvgChevronUp: ({ size, ...props }: ReactIconProps) => React$1.JSX.
|
|
|
64
64
|
|
|
65
65
|
declare const SvgEdit: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
66
66
|
|
|
67
|
+
declare const SvgExploreFilled: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
68
|
+
|
|
69
|
+
declare const SvgExploreLinear: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
70
|
+
|
|
67
71
|
declare const SvgEyeHidden: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
68
72
|
|
|
69
73
|
declare const SvgEyeVisible: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
@@ -111,7 +115,7 @@ declare const SvgWhatsapp: ({ size, ...props }: ReactIconProps) => React$1.JSX.E
|
|
|
111
115
|
/**
|
|
112
116
|
* Available icon names
|
|
113
117
|
*/
|
|
114
|
-
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';
|
|
118
|
+
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';
|
|
115
119
|
/**
|
|
116
120
|
* Props for the unified Icon component
|
|
117
121
|
*/
|
|
@@ -126,4 +130,4 @@ interface IconProps extends Omit<ReactIconProps, 'size'> {
|
|
|
126
130
|
*/
|
|
127
131
|
declare const Icon: ({ name, size, color, ...props }: IconProps) => React$1.JSX.Element | null;
|
|
128
132
|
|
|
129
|
-
export { SvgAlertTriangle as AlertTriangle, SvgArrowDown as ArrowDown, SvgArrowDownLeft as ArrowDownLeft, SvgArrowDownRight as ArrowDownRight, SvgArrowLeft as ArrowLeft, SvgArrowRight as ArrowRight, SvgArrowUp as ArrowUp, SvgArrowUpLeft as ArrowUpLeft, SvgArrowUpRight as ArrowUpRight, SvgBell as Bell, SvgCancel as Cancel, SvgCancelCircleSolid as CancelCircleSolid, SvgCheck as Check, SvgChevronDown as ChevronDown, SvgChevronLeft as ChevronLeft, SvgChevronRight as ChevronRight, SvgChevronUp as ChevronUp, SvgEdit as Edit, SvgEyeHidden as EyeHidden, SvgEyeVisible as EyeVisible, SvgFileKey as FileKey, SvgHomeFilled as HomeFilled, SvgHomeLinear as HomeLinear, ICON_SIZES, Icon, type IconName, type IconProps, type IconSize, type IconSizeToken, SvgIconSlot as IconSlot, SvgKeys01 as Keys01, SvgLeadsFilled as LeadsFilled, SvgLeadsLinear as LeadsLinear, SvgMail as Mail, SvgMortgage as Mortgage, SvgPayments as Payments, SvgPropertiesFilled as PropertiesFilled, SvgPropertiesLinear as PropertiesLinear, type ReactIconProps, SvgRent as Rent, SvgSearch as Search, SvgSearchX as SearchX, SvgShare as Share, SvgUser as User, SvgWhatsapp as Whatsapp, resolveSize };
|
|
133
|
+
export { SvgAlertTriangle as AlertTriangle, SvgArrowDown as ArrowDown, SvgArrowDownLeft as ArrowDownLeft, SvgArrowDownRight as ArrowDownRight, SvgArrowLeft as ArrowLeft, SvgArrowRight as ArrowRight, SvgArrowUp as ArrowUp, SvgArrowUpLeft as ArrowUpLeft, SvgArrowUpRight as ArrowUpRight, SvgBell as Bell, SvgCancel as Cancel, SvgCancelCircleSolid as CancelCircleSolid, SvgCheck as Check, SvgChevronDown as ChevronDown, SvgChevronLeft as ChevronLeft, SvgChevronRight as ChevronRight, SvgChevronUp as ChevronUp, SvgEdit as Edit, SvgExploreFilled as ExploreFilled, SvgExploreLinear as ExploreLinear, SvgEyeHidden as EyeHidden, SvgEyeVisible as EyeVisible, SvgFileKey as FileKey, SvgHomeFilled as HomeFilled, SvgHomeLinear as HomeLinear, ICON_SIZES, Icon, type IconName, type IconProps, type IconSize, type IconSizeToken, SvgIconSlot as IconSlot, SvgKeys01 as Keys01, SvgLeadsFilled as LeadsFilled, SvgLeadsLinear as LeadsLinear, SvgMail as Mail, SvgMortgage as Mortgage, SvgPayments as Payments, SvgPropertiesFilled as PropertiesFilled, SvgPropertiesLinear as PropertiesLinear, type ReactIconProps, SvgRent as Rent, SvgSearch as Search, SvgSearchX as SearchX, SvgShare as Share, SvgUser as User, SvgWhatsapp as Whatsapp, resolveSize };
|
package/dist/react/index.d.ts
CHANGED
|
@@ -64,6 +64,10 @@ declare const SvgChevronUp: ({ size, ...props }: ReactIconProps) => React$1.JSX.
|
|
|
64
64
|
|
|
65
65
|
declare const SvgEdit: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
66
66
|
|
|
67
|
+
declare const SvgExploreFilled: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
68
|
+
|
|
69
|
+
declare const SvgExploreLinear: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
70
|
+
|
|
67
71
|
declare const SvgEyeHidden: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
68
72
|
|
|
69
73
|
declare const SvgEyeVisible: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
@@ -111,7 +115,7 @@ declare const SvgWhatsapp: ({ size, ...props }: ReactIconProps) => React$1.JSX.E
|
|
|
111
115
|
/**
|
|
112
116
|
* Available icon names
|
|
113
117
|
*/
|
|
114
|
-
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';
|
|
118
|
+
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';
|
|
115
119
|
/**
|
|
116
120
|
* Props for the unified Icon component
|
|
117
121
|
*/
|
|
@@ -126,4 +130,4 @@ interface IconProps extends Omit<ReactIconProps, 'size'> {
|
|
|
126
130
|
*/
|
|
127
131
|
declare const Icon: ({ name, size, color, ...props }: IconProps) => React$1.JSX.Element | null;
|
|
128
132
|
|
|
129
|
-
export { SvgAlertTriangle as AlertTriangle, SvgArrowDown as ArrowDown, SvgArrowDownLeft as ArrowDownLeft, SvgArrowDownRight as ArrowDownRight, SvgArrowLeft as ArrowLeft, SvgArrowRight as ArrowRight, SvgArrowUp as ArrowUp, SvgArrowUpLeft as ArrowUpLeft, SvgArrowUpRight as ArrowUpRight, SvgBell as Bell, SvgCancel as Cancel, SvgCancelCircleSolid as CancelCircleSolid, SvgCheck as Check, SvgChevronDown as ChevronDown, SvgChevronLeft as ChevronLeft, SvgChevronRight as ChevronRight, SvgChevronUp as ChevronUp, SvgEdit as Edit, SvgEyeHidden as EyeHidden, SvgEyeVisible as EyeVisible, SvgFileKey as FileKey, SvgHomeFilled as HomeFilled, SvgHomeLinear as HomeLinear, ICON_SIZES, Icon, type IconName, type IconProps, type IconSize, type IconSizeToken, SvgIconSlot as IconSlot, SvgKeys01 as Keys01, SvgLeadsFilled as LeadsFilled, SvgLeadsLinear as LeadsLinear, SvgMail as Mail, SvgMortgage as Mortgage, SvgPayments as Payments, SvgPropertiesFilled as PropertiesFilled, SvgPropertiesLinear as PropertiesLinear, type ReactIconProps, SvgRent as Rent, SvgSearch as Search, SvgSearchX as SearchX, SvgShare as Share, SvgUser as User, SvgWhatsapp as Whatsapp, resolveSize };
|
|
133
|
+
export { SvgAlertTriangle as AlertTriangle, SvgArrowDown as ArrowDown, SvgArrowDownLeft as ArrowDownLeft, SvgArrowDownRight as ArrowDownRight, SvgArrowLeft as ArrowLeft, SvgArrowRight as ArrowRight, SvgArrowUp as ArrowUp, SvgArrowUpLeft as ArrowUpLeft, SvgArrowUpRight as ArrowUpRight, SvgBell as Bell, SvgCancel as Cancel, SvgCancelCircleSolid as CancelCircleSolid, SvgCheck as Check, SvgChevronDown as ChevronDown, SvgChevronLeft as ChevronLeft, SvgChevronRight as ChevronRight, SvgChevronUp as ChevronUp, SvgEdit as Edit, SvgExploreFilled as ExploreFilled, SvgExploreLinear as ExploreLinear, SvgEyeHidden as EyeHidden, SvgEyeVisible as EyeVisible, SvgFileKey as FileKey, SvgHomeFilled as HomeFilled, SvgHomeLinear as HomeLinear, ICON_SIZES, Icon, type IconName, type IconProps, type IconSize, type IconSizeToken, SvgIconSlot as IconSlot, SvgKeys01 as Keys01, SvgLeadsFilled as LeadsFilled, SvgLeadsLinear as LeadsLinear, SvgMail as Mail, SvgMortgage as Mortgage, SvgPayments as Payments, SvgPropertiesFilled as PropertiesFilled, SvgPropertiesLinear as PropertiesLinear, type ReactIconProps, SvgRent as Rent, SvgSearch as Search, SvgSearchX as SearchX, SvgShare as Share, SvgUser as User, SvgWhatsapp as Whatsapp, resolveSize };
|