huspy-icons 0.3.3 → 0.3.4
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 +70 -52
- package/dist/fonts/HuspyIcons.eot +0 -0
- package/dist/fonts/HuspyIcons.json +54 -48
- package/dist/fonts/HuspyIcons.ts +66 -48
- 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 +54 -48
- package/dist/native/index.js.map +1 -1
- package/dist/react/index.d.mts +14 -2
- package/dist/react/index.d.ts +14 -2
- package/dist/react/index.js +624 -284
- package/dist/react/index.js.map +1 -1
- package/dist/react/index.mjs +576 -236
- package/dist/react/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/native/glyphMap.ts +55 -49
- package/src/react/Calendar.tsx +44 -0
- package/src/react/Collections.tsx +26 -0
- package/src/react/Filter.tsx +44 -0
- package/src/react/Icon.tsx +19 -1
- package/src/react/Info.tsx +38 -0
- package/src/react/MoreHorizontal.tsx +38 -0
- package/src/react/PhoneLinear.tsx +24 -0
- package/src/react/index.ts +6 -0
- package/src/react/index.tsx +6 -0
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' | 'trash-2' | 'size-3d' | 'share' | 'search' | 'search-x' | 'sale' | 'rent' | 'properties-linear' | 'properties-filled' | 'promotion' | 'plus' | 'payments' | 'note' | 'mortgage' | 'map-pin' | 'mail' | 'logout' | 'lock' | 'leads-linear' | 'leads-filled' | 'keys_01' | 'icon-slot' | 'home-linear' | 'home-filled' | 'help-circle' | 'fingerprint-android' | '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' | 'chevron-up' | 'chevron-right' | 'chevron-left' | 'chevron-down' | 'check' | 'cancel' | 'cancel-circle-solid' | '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';\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 \"trash-2\": 61699,\n \"size-3d\": 61700,\n \"share\": 61701,\n \"search\": 61702,\n \"search-x\": 61703,\n \"sale\": 61704,\n \"rent\": 61705,\n \"properties-linear\": 61706,\n \"properties-filled\": 61707,\n \"promotion\": 61708,\n \"plus\": 61709,\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' | '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';\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 \"trash-2\": 61699,\n \"size-3d\": 61700,\n \"share\": 61701,\n \"search\": 61702,\n \"search-x\": 61703,\n \"sale\": 61704,\n \"rent\": 61705,\n \"properties-linear\": 61706,\n \"properties-filled\": 61707,\n \"promotion\": 61708,\n \"plus\": 61709,\n \"phone-linear\": 61710,\n \"payments\": 61711,\n \"note\": 61712,\n \"mortgage\": 61713,\n \"more-horizontal\": 61714,\n \"map-pin\": 61715,\n \"mail\": 61716,\n \"logout\": 61717,\n \"lock\": 61718,\n \"leads-linear\": 61719,\n \"leads-filled\": 61720,\n \"keys_01\": 61721,\n \"info\": 61722,\n \"icon-slot\": 61723,\n \"home-linear\": 61724,\n \"home-filled\": 61725,\n \"help-circle\": 61726,\n \"fingerprint-android\": 61727,\n \"filter\": 61728,\n \"file-text\": 61729,\n \"file-spreadsheet\": 61730,\n \"file-signature\": 61731,\n \"file-lock\": 61732,\n \"file-key\": 61733,\n \"file-input\": 61734,\n \"file-check\": 61735,\n \"face-id\": 61736,\n \"eye-visible\": 61737,\n \"eye-hidden\": 61738,\n \"explore-linear\": 61739,\n \"explore-filled\": 61740,\n \"edit\": 61741,\n \"collections\": 61742,\n \"chevron-up\": 61743,\n \"chevron-right\": 61744,\n \"chevron-left\": 61745,\n \"chevron-down\": 61746,\n \"check\": 61747,\n \"cancel\": 61748,\n \"cancel-circle-solid\": 61749,\n \"calendar\": 61750,\n \"building\": 61751,\n \"bell\": 61752,\n \"bed-double\": 61753,\n \"arrow-up\": 61754,\n \"arrow-up-right\": 61755,\n \"arrow-up-left\": 61756,\n \"arrow-up-down\": 61757,\n \"arrow-right\": 61758,\n \"arrow-left\": 61759,\n \"arrow-down\": 61760,\n \"arrow-down-right\": 61761,\n \"arrow-down-left\": 61762,\n \"alert-triangle\": 61763\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,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,uBAAuB;AAAA,EACvB,UAAU;AAAA,EACV,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,cAAc;AAAA,EACd,WAAW;AAAA,EACX,eAAe;AAAA,EACf,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,uBAAuB;AAAA,EACvB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,cAAc;AAAA,EACd,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,kBAAkB;AACpB;AAKO,IAAM,aAAa;;;ADnD1B,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
|
@@ -54,6 +54,8 @@ declare const SvgBell: ({ size, ...props }: ReactIconProps) => React$1.JSX.Eleme
|
|
|
54
54
|
|
|
55
55
|
declare const SvgBuilding: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
56
56
|
|
|
57
|
+
declare const SvgCalendar: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
58
|
+
|
|
57
59
|
declare const SvgCancel: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
58
60
|
|
|
59
61
|
declare const SvgCancelCircleSolid: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
@@ -68,6 +70,8 @@ declare const SvgChevronRight: ({ size, ...props }: ReactIconProps) => React$1.J
|
|
|
68
70
|
|
|
69
71
|
declare const SvgChevronUp: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
70
72
|
|
|
73
|
+
declare const SvgCollections: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
74
|
+
|
|
71
75
|
declare const SvgEdit: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
72
76
|
|
|
73
77
|
declare const SvgExploreFilled: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
@@ -94,6 +98,8 @@ declare const SvgFileSpreadsheet: ({ size, ...props }: ReactIconProps) => React$
|
|
|
94
98
|
|
|
95
99
|
declare const SvgFileText: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
96
100
|
|
|
101
|
+
declare const SvgFilter: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
102
|
+
|
|
97
103
|
declare const SvgFingerprintAndroid: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
98
104
|
|
|
99
105
|
declare const SvgHelpCircle: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
@@ -104,6 +110,8 @@ declare const SvgHomeLinear: ({ size, ...props }: ReactIconProps) => React$1.JSX
|
|
|
104
110
|
|
|
105
111
|
declare const SvgIconSlot: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
106
112
|
|
|
113
|
+
declare const SvgInfo: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
114
|
+
|
|
107
115
|
declare const SvgKeys01: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
108
116
|
|
|
109
117
|
declare const SvgLeadsFilled: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
@@ -118,12 +126,16 @@ declare const SvgMail: ({ size, ...props }: ReactIconProps) => React$1.JSX.Eleme
|
|
|
118
126
|
|
|
119
127
|
declare const SvgMapPin: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
120
128
|
|
|
129
|
+
declare const SvgMoreHorizontal: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
130
|
+
|
|
121
131
|
declare const SvgMortgage: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
122
132
|
|
|
123
133
|
declare const SvgNote: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
124
134
|
|
|
125
135
|
declare const SvgPayments: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
126
136
|
|
|
137
|
+
declare const SvgPhoneLinear: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
138
|
+
|
|
127
139
|
declare const SvgPlus: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
128
140
|
|
|
129
141
|
declare const SvgPromotion: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
@@ -157,7 +169,7 @@ declare const SvgWhatsapp: ({ size, ...props }: ReactIconProps) => React$1.JSX.E
|
|
|
157
169
|
/**
|
|
158
170
|
* Available icon names
|
|
159
171
|
*/
|
|
160
|
-
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' | 'cancel' | 'cancel-circle-solid' | 'check' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | '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' | 'fingerprint-android' | 'help-circle' | 'home-filled' | 'home-linear' | 'icon-slot' | 'keys01' | 'leads-filled' | 'leads-linear' | 'lock' | 'logout' | 'mail' | 'map-pin' | 'mortgage' | 'note' | 'payments' | 'plus' | 'promotion' | 'properties-filled' | 'properties-linear' | 'rent' | 'sale' | 'search' | 'search-x' | 'share' | 'size3d' | 'trash2' | 'user' | 'whatsapp';
|
|
172
|
+
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';
|
|
161
173
|
/**
|
|
162
174
|
* Props for the unified Icon component
|
|
163
175
|
*/
|
|
@@ -172,4 +184,4 @@ interface IconProps extends Omit<ReactIconProps, 'size'> {
|
|
|
172
184
|
*/
|
|
173
185
|
declare const Icon: ({ name, size, color, ...props }: IconProps) => React$1.JSX.Element | null;
|
|
174
186
|
|
|
175
|
-
export { SvgAlertTriangle as AlertTriangle, SvgArrowDown as ArrowDown, SvgArrowDownLeft as ArrowDownLeft, SvgArrowDownRight as ArrowDownRight, SvgArrowLeft as ArrowLeft, SvgArrowRight as ArrowRight, SvgArrowUp as ArrowUp, SvgArrowUpDown as ArrowUpDown, SvgArrowUpLeft as ArrowUpLeft, SvgArrowUpRight as ArrowUpRight, SvgBedDouble as BedDouble, SvgBell as Bell, SvgBuilding as Building, 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, SvgFaceId as FaceId, SvgFileCheck as FileCheck, SvgFileInput as FileInput, SvgFileKey as FileKey, SvgFileLock as FileLock, SvgFileSignature as FileSignature, SvgFileSpreadsheet as FileSpreadsheet, SvgFileText as FileText, SvgFingerprintAndroid as FingerprintAndroid, SvgHelpCircle as HelpCircle, 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, SvgLock as Lock, SvgLogout as Logout, SvgMail as Mail, SvgMapPin as MapPin, SvgMortgage as Mortgage, SvgNote as Note, SvgPayments as Payments, SvgPlus as Plus, SvgPromotion as Promotion, SvgPropertiesFilled as PropertiesFilled, SvgPropertiesLinear as PropertiesLinear, type ReactIconProps, SvgRent as Rent, SvgSale as Sale, SvgSearch as Search, SvgSearchX as SearchX, SvgShare as Share, SvgSize3D as Size3D, SvgTrash2 as Trash2, SvgUser as User, SvgWhatsapp as Whatsapp, resolveSize };
|
|
187
|
+
export { SvgAlertTriangle as AlertTriangle, SvgArrowDown as ArrowDown, SvgArrowDownLeft as ArrowDownLeft, SvgArrowDownRight as ArrowDownRight, SvgArrowLeft as ArrowLeft, SvgArrowRight as ArrowRight, SvgArrowUp as ArrowUp, SvgArrowUpDown as ArrowUpDown, SvgArrowUpLeft as ArrowUpLeft, SvgArrowUpRight as ArrowUpRight, SvgBedDouble as BedDouble, SvgBell as Bell, SvgBuilding as Building, SvgCalendar as Calendar, SvgCancel as Cancel, SvgCancelCircleSolid as CancelCircleSolid, SvgCheck as Check, SvgChevronDown as ChevronDown, SvgChevronLeft as ChevronLeft, SvgChevronRight as ChevronRight, SvgChevronUp as ChevronUp, SvgCollections as Collections, SvgEdit as Edit, SvgExploreFilled as ExploreFilled, SvgExploreLinear as ExploreLinear, SvgEyeHidden as EyeHidden, SvgEyeVisible as EyeVisible, SvgFaceId as FaceId, SvgFileCheck as FileCheck, SvgFileInput as FileInput, SvgFileKey as FileKey, SvgFileLock as FileLock, SvgFileSignature as FileSignature, SvgFileSpreadsheet as FileSpreadsheet, SvgFileText as FileText, SvgFilter as Filter, SvgFingerprintAndroid as FingerprintAndroid, SvgHelpCircle as HelpCircle, SvgHomeFilled as HomeFilled, SvgHomeLinear as HomeLinear, ICON_SIZES, Icon, type IconName, type IconProps, type IconSize, type IconSizeToken, SvgIconSlot as IconSlot, SvgInfo as Info, SvgKeys01 as Keys01, SvgLeadsFilled as LeadsFilled, SvgLeadsLinear as LeadsLinear, SvgLock as Lock, SvgLogout as Logout, SvgMail as Mail, SvgMapPin as MapPin, SvgMoreHorizontal as MoreHorizontal, SvgMortgage as Mortgage, SvgNote as Note, SvgPayments as Payments, SvgPhoneLinear as PhoneLinear, SvgPlus as Plus, SvgPromotion as Promotion, SvgPropertiesFilled as PropertiesFilled, SvgPropertiesLinear as PropertiesLinear, type ReactIconProps, SvgRent as Rent, SvgSale as Sale, SvgSearch as Search, SvgSearchX as SearchX, SvgShare as Share, SvgSize3D as Size3D, SvgTrash2 as Trash2, SvgUser as User, SvgWhatsapp as Whatsapp, resolveSize };
|
package/dist/react/index.d.ts
CHANGED
|
@@ -54,6 +54,8 @@ declare const SvgBell: ({ size, ...props }: ReactIconProps) => React$1.JSX.Eleme
|
|
|
54
54
|
|
|
55
55
|
declare const SvgBuilding: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
56
56
|
|
|
57
|
+
declare const SvgCalendar: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
58
|
+
|
|
57
59
|
declare const SvgCancel: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
58
60
|
|
|
59
61
|
declare const SvgCancelCircleSolid: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
@@ -68,6 +70,8 @@ declare const SvgChevronRight: ({ size, ...props }: ReactIconProps) => React$1.J
|
|
|
68
70
|
|
|
69
71
|
declare const SvgChevronUp: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
70
72
|
|
|
73
|
+
declare const SvgCollections: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
74
|
+
|
|
71
75
|
declare const SvgEdit: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
72
76
|
|
|
73
77
|
declare const SvgExploreFilled: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
@@ -94,6 +98,8 @@ declare const SvgFileSpreadsheet: ({ size, ...props }: ReactIconProps) => React$
|
|
|
94
98
|
|
|
95
99
|
declare const SvgFileText: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
96
100
|
|
|
101
|
+
declare const SvgFilter: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
102
|
+
|
|
97
103
|
declare const SvgFingerprintAndroid: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
98
104
|
|
|
99
105
|
declare const SvgHelpCircle: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
@@ -104,6 +110,8 @@ declare const SvgHomeLinear: ({ size, ...props }: ReactIconProps) => React$1.JSX
|
|
|
104
110
|
|
|
105
111
|
declare const SvgIconSlot: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
106
112
|
|
|
113
|
+
declare const SvgInfo: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
114
|
+
|
|
107
115
|
declare const SvgKeys01: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
108
116
|
|
|
109
117
|
declare const SvgLeadsFilled: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
@@ -118,12 +126,16 @@ declare const SvgMail: ({ size, ...props }: ReactIconProps) => React$1.JSX.Eleme
|
|
|
118
126
|
|
|
119
127
|
declare const SvgMapPin: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
120
128
|
|
|
129
|
+
declare const SvgMoreHorizontal: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
130
|
+
|
|
121
131
|
declare const SvgMortgage: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
122
132
|
|
|
123
133
|
declare const SvgNote: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
124
134
|
|
|
125
135
|
declare const SvgPayments: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
126
136
|
|
|
137
|
+
declare const SvgPhoneLinear: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
138
|
+
|
|
127
139
|
declare const SvgPlus: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
128
140
|
|
|
129
141
|
declare const SvgPromotion: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
@@ -157,7 +169,7 @@ declare const SvgWhatsapp: ({ size, ...props }: ReactIconProps) => React$1.JSX.E
|
|
|
157
169
|
/**
|
|
158
170
|
* Available icon names
|
|
159
171
|
*/
|
|
160
|
-
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' | 'cancel' | 'cancel-circle-solid' | 'check' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | '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' | 'fingerprint-android' | 'help-circle' | 'home-filled' | 'home-linear' | 'icon-slot' | 'keys01' | 'leads-filled' | 'leads-linear' | 'lock' | 'logout' | 'mail' | 'map-pin' | 'mortgage' | 'note' | 'payments' | 'plus' | 'promotion' | 'properties-filled' | 'properties-linear' | 'rent' | 'sale' | 'search' | 'search-x' | 'share' | 'size3d' | 'trash2' | 'user' | 'whatsapp';
|
|
172
|
+
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';
|
|
161
173
|
/**
|
|
162
174
|
* Props for the unified Icon component
|
|
163
175
|
*/
|
|
@@ -172,4 +184,4 @@ interface IconProps extends Omit<ReactIconProps, 'size'> {
|
|
|
172
184
|
*/
|
|
173
185
|
declare const Icon: ({ name, size, color, ...props }: IconProps) => React$1.JSX.Element | null;
|
|
174
186
|
|
|
175
|
-
export { SvgAlertTriangle as AlertTriangle, SvgArrowDown as ArrowDown, SvgArrowDownLeft as ArrowDownLeft, SvgArrowDownRight as ArrowDownRight, SvgArrowLeft as ArrowLeft, SvgArrowRight as ArrowRight, SvgArrowUp as ArrowUp, SvgArrowUpDown as ArrowUpDown, SvgArrowUpLeft as ArrowUpLeft, SvgArrowUpRight as ArrowUpRight, SvgBedDouble as BedDouble, SvgBell as Bell, SvgBuilding as Building, 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, SvgFaceId as FaceId, SvgFileCheck as FileCheck, SvgFileInput as FileInput, SvgFileKey as FileKey, SvgFileLock as FileLock, SvgFileSignature as FileSignature, SvgFileSpreadsheet as FileSpreadsheet, SvgFileText as FileText, SvgFingerprintAndroid as FingerprintAndroid, SvgHelpCircle as HelpCircle, 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, SvgLock as Lock, SvgLogout as Logout, SvgMail as Mail, SvgMapPin as MapPin, SvgMortgage as Mortgage, SvgNote as Note, SvgPayments as Payments, SvgPlus as Plus, SvgPromotion as Promotion, SvgPropertiesFilled as PropertiesFilled, SvgPropertiesLinear as PropertiesLinear, type ReactIconProps, SvgRent as Rent, SvgSale as Sale, SvgSearch as Search, SvgSearchX as SearchX, SvgShare as Share, SvgSize3D as Size3D, SvgTrash2 as Trash2, SvgUser as User, SvgWhatsapp as Whatsapp, resolveSize };
|
|
187
|
+
export { SvgAlertTriangle as AlertTriangle, SvgArrowDown as ArrowDown, SvgArrowDownLeft as ArrowDownLeft, SvgArrowDownRight as ArrowDownRight, SvgArrowLeft as ArrowLeft, SvgArrowRight as ArrowRight, SvgArrowUp as ArrowUp, SvgArrowUpDown as ArrowUpDown, SvgArrowUpLeft as ArrowUpLeft, SvgArrowUpRight as ArrowUpRight, SvgBedDouble as BedDouble, SvgBell as Bell, SvgBuilding as Building, SvgCalendar as Calendar, SvgCancel as Cancel, SvgCancelCircleSolid as CancelCircleSolid, SvgCheck as Check, SvgChevronDown as ChevronDown, SvgChevronLeft as ChevronLeft, SvgChevronRight as ChevronRight, SvgChevronUp as ChevronUp, SvgCollections as Collections, SvgEdit as Edit, SvgExploreFilled as ExploreFilled, SvgExploreLinear as ExploreLinear, SvgEyeHidden as EyeHidden, SvgEyeVisible as EyeVisible, SvgFaceId as FaceId, SvgFileCheck as FileCheck, SvgFileInput as FileInput, SvgFileKey as FileKey, SvgFileLock as FileLock, SvgFileSignature as FileSignature, SvgFileSpreadsheet as FileSpreadsheet, SvgFileText as FileText, SvgFilter as Filter, SvgFingerprintAndroid as FingerprintAndroid, SvgHelpCircle as HelpCircle, SvgHomeFilled as HomeFilled, SvgHomeLinear as HomeLinear, ICON_SIZES, Icon, type IconName, type IconProps, type IconSize, type IconSizeToken, SvgIconSlot as IconSlot, SvgInfo as Info, SvgKeys01 as Keys01, SvgLeadsFilled as LeadsFilled, SvgLeadsLinear as LeadsLinear, SvgLock as Lock, SvgLogout as Logout, SvgMail as Mail, SvgMapPin as MapPin, SvgMoreHorizontal as MoreHorizontal, SvgMortgage as Mortgage, SvgNote as Note, SvgPayments as Payments, SvgPhoneLinear as PhoneLinear, SvgPlus as Plus, SvgPromotion as Promotion, SvgPropertiesFilled as PropertiesFilled, SvgPropertiesLinear as PropertiesLinear, type ReactIconProps, SvgRent as Rent, SvgSale as Sale, SvgSearch as Search, SvgSearchX as SearchX, SvgShare as Share, SvgSize3D as Size3D, SvgTrash2 as Trash2, SvgUser as User, SvgWhatsapp as Whatsapp, resolveSize };
|