huspy-icons 0.3.0 → 0.3.1
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 +68 -53
- package/dist/fonts/HuspyIcons.eot +0 -0
- package/dist/fonts/HuspyIcons.json +54 -49
- package/dist/fonts/HuspyIcons.ts +64 -49
- 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 -49
- package/dist/native/index.js.map +1 -1
- package/dist/react/index.d.mts +12 -2
- package/dist/react/index.d.ts +12 -2
- package/dist/react/index.js +623 -242
- package/dist/react/index.js.map +1 -1
- package/dist/react/index.mjs +581 -200
- package/dist/react/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/native/glyphMap.ts +55 -50
- package/src/react/BedDouble.tsx +44 -0
- package/src/react/Building.tsx +86 -0
- package/src/react/Icon.tsx +16 -1
- package/src/react/MapPin.tsx +32 -0
- package/src/react/Sale.tsx +38 -0
- package/src/react/Size3D.tsx +44 -0
- package/src/react/index.ts +5 -0
- package/src/react/index.tsx +5 -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' | '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';\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 \"
|
|
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' | 'plus' | 'payments' | 'note' | 'mortgage' | 'map-pin' | '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' | '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 \"plus\": 61708,\n \"payments\": 61709,\n \"note\": 61710,\n \"mortgage\": 61711,\n \"map-pin\": 61712,\n \"mail\": 61713,\n \"logout\": 61714,\n \"lock\": 61715,\n \"leads-linear\": 61716,\n \"leads-filled\": 61717,\n \"keys_01\": 61718,\n \"icon-slot\": 61719,\n \"home-linear\": 61720,\n \"home-filled\": 61721,\n \"help-circle\": 61722,\n \"file-text\": 61723,\n \"file-spreadsheet\": 61724,\n \"file-signature\": 61725,\n \"file-lock\": 61726,\n \"file-key\": 61727,\n \"file-check\": 61728,\n \"eye-visible\": 61729,\n \"eye-hidden\": 61730,\n \"explore-linear\": 61731,\n \"explore-filled\": 61732,\n \"edit\": 61733,\n \"chevron-up\": 61734,\n \"chevron-right\": 61735,\n \"chevron-left\": 61736,\n \"chevron-down\": 61737,\n \"check\": 61738,\n \"cancel\": 61739,\n \"cancel-circle-solid\": 61740,\n \"building\": 61741,\n \"bell\": 61742,\n \"bed-double\": 61743,\n \"arrow-up\": 61744,\n \"arrow-up-right\": 61745,\n \"arrow-up-left\": 61746,\n \"arrow-up-down\": 61747,\n \"arrow-right\": 61748,\n \"arrow-left\": 61749,\n \"arrow-down\": 61750,\n \"arrow-down-right\": 61751,\n \"arrow-down-left\": 61752,\n \"alert-triangle\": 61753\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,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,eAAe;AAAA,EACf,eAAe;AAAA,EACf,eAAe;AAAA,EACf,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,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,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;;;ADzC1B,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
|
@@ -48,8 +48,12 @@ declare const SvgArrowUpLeft: ({ size, ...props }: ReactIconProps) => React$1.JS
|
|
|
48
48
|
|
|
49
49
|
declare const SvgArrowUpRight: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
50
50
|
|
|
51
|
+
declare const SvgBedDouble: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
52
|
+
|
|
51
53
|
declare const SvgBell: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
52
54
|
|
|
55
|
+
declare const SvgBuilding: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
56
|
+
|
|
53
57
|
declare const SvgCancel: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
54
58
|
|
|
55
59
|
declare const SvgCancelCircleSolid: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
@@ -106,6 +110,8 @@ declare const SvgLogout: ({ size, ...props }: ReactIconProps) => React$1.JSX.Ele
|
|
|
106
110
|
|
|
107
111
|
declare const SvgMail: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
108
112
|
|
|
113
|
+
declare const SvgMapPin: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
114
|
+
|
|
109
115
|
declare const SvgMortgage: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
110
116
|
|
|
111
117
|
declare const SvgNote: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
@@ -120,12 +126,16 @@ declare const SvgPropertiesLinear: ({ size, ...props }: ReactIconProps) => React
|
|
|
120
126
|
|
|
121
127
|
declare const SvgRent: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
122
128
|
|
|
129
|
+
declare const SvgSale: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
130
|
+
|
|
123
131
|
declare const SvgSearch: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
124
132
|
|
|
125
133
|
declare const SvgSearchX: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
126
134
|
|
|
127
135
|
declare const SvgShare: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
128
136
|
|
|
137
|
+
declare const SvgSize3D: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
138
|
+
|
|
129
139
|
declare const SvgTrash2: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
130
140
|
|
|
131
141
|
declare const SvgUser: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
@@ -139,7 +149,7 @@ declare const SvgWhatsapp: ({ size, ...props }: ReactIconProps) => React$1.JSX.E
|
|
|
139
149
|
/**
|
|
140
150
|
* Available icon names
|
|
141
151
|
*/
|
|
142
|
-
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';
|
|
152
|
+
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' | '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' | 'map-pin' | 'mortgage' | 'note' | 'payments' | 'plus' | 'properties-filled' | 'properties-linear' | 'rent' | 'sale' | 'search' | 'search-x' | 'share' | 'size3d' | 'trash2' | 'user' | 'whatsapp';
|
|
143
153
|
/**
|
|
144
154
|
* Props for the unified Icon component
|
|
145
155
|
*/
|
|
@@ -154,4 +164,4 @@ interface IconProps extends Omit<ReactIconProps, 'size'> {
|
|
|
154
164
|
*/
|
|
155
165
|
declare const Icon: ({ name, size, color, ...props }: IconProps) => React$1.JSX.Element | null;
|
|
156
166
|
|
|
157
|
-
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, 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, SvgFileCheck as FileCheck, SvgFileKey as FileKey, SvgFileLock as FileLock, SvgFileSignature as FileSignature, SvgFileSpreadsheet as FileSpreadsheet, SvgFileText as FileText, 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, SvgMortgage as Mortgage, SvgNote as Note, SvgPayments as Payments, SvgPlus as Plus, SvgPropertiesFilled as PropertiesFilled, SvgPropertiesLinear as PropertiesLinear, type ReactIconProps, SvgRent as Rent, SvgSearch as Search, SvgSearchX as SearchX, SvgShare as Share, SvgTrash2 as Trash2, SvgUser as User, SvgWhatsapp as Whatsapp, resolveSize };
|
|
167
|
+
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, SvgFileCheck as FileCheck, SvgFileKey as FileKey, SvgFileLock as FileLock, SvgFileSignature as FileSignature, SvgFileSpreadsheet as FileSpreadsheet, SvgFileText as FileText, 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, 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
|
@@ -48,8 +48,12 @@ declare const SvgArrowUpLeft: ({ size, ...props }: ReactIconProps) => React$1.JS
|
|
|
48
48
|
|
|
49
49
|
declare const SvgArrowUpRight: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
50
50
|
|
|
51
|
+
declare const SvgBedDouble: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
52
|
+
|
|
51
53
|
declare const SvgBell: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
52
54
|
|
|
55
|
+
declare const SvgBuilding: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
56
|
+
|
|
53
57
|
declare const SvgCancel: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
54
58
|
|
|
55
59
|
declare const SvgCancelCircleSolid: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
@@ -106,6 +110,8 @@ declare const SvgLogout: ({ size, ...props }: ReactIconProps) => React$1.JSX.Ele
|
|
|
106
110
|
|
|
107
111
|
declare const SvgMail: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
108
112
|
|
|
113
|
+
declare const SvgMapPin: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
114
|
+
|
|
109
115
|
declare const SvgMortgage: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
110
116
|
|
|
111
117
|
declare const SvgNote: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
@@ -120,12 +126,16 @@ declare const SvgPropertiesLinear: ({ size, ...props }: ReactIconProps) => React
|
|
|
120
126
|
|
|
121
127
|
declare const SvgRent: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
122
128
|
|
|
129
|
+
declare const SvgSale: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
130
|
+
|
|
123
131
|
declare const SvgSearch: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
124
132
|
|
|
125
133
|
declare const SvgSearchX: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
126
134
|
|
|
127
135
|
declare const SvgShare: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
128
136
|
|
|
137
|
+
declare const SvgSize3D: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
138
|
+
|
|
129
139
|
declare const SvgTrash2: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
130
140
|
|
|
131
141
|
declare const SvgUser: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
|
|
@@ -139,7 +149,7 @@ declare const SvgWhatsapp: ({ size, ...props }: ReactIconProps) => React$1.JSX.E
|
|
|
139
149
|
/**
|
|
140
150
|
* Available icon names
|
|
141
151
|
*/
|
|
142
|
-
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';
|
|
152
|
+
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' | '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' | 'map-pin' | 'mortgage' | 'note' | 'payments' | 'plus' | 'properties-filled' | 'properties-linear' | 'rent' | 'sale' | 'search' | 'search-x' | 'share' | 'size3d' | 'trash2' | 'user' | 'whatsapp';
|
|
143
153
|
/**
|
|
144
154
|
* Props for the unified Icon component
|
|
145
155
|
*/
|
|
@@ -154,4 +164,4 @@ interface IconProps extends Omit<ReactIconProps, 'size'> {
|
|
|
154
164
|
*/
|
|
155
165
|
declare const Icon: ({ name, size, color, ...props }: IconProps) => React$1.JSX.Element | null;
|
|
156
166
|
|
|
157
|
-
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, 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, SvgFileCheck as FileCheck, SvgFileKey as FileKey, SvgFileLock as FileLock, SvgFileSignature as FileSignature, SvgFileSpreadsheet as FileSpreadsheet, SvgFileText as FileText, 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, SvgMortgage as Mortgage, SvgNote as Note, SvgPayments as Payments, SvgPlus as Plus, SvgPropertiesFilled as PropertiesFilled, SvgPropertiesLinear as PropertiesLinear, type ReactIconProps, SvgRent as Rent, SvgSearch as Search, SvgSearchX as SearchX, SvgShare as Share, SvgTrash2 as Trash2, SvgUser as User, SvgWhatsapp as Whatsapp, resolveSize };
|
|
167
|
+
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, SvgFileCheck as FileCheck, SvgFileKey as FileKey, SvgFileLock as FileLock, SvgFileSignature as FileSignature, SvgFileSpreadsheet as FileSpreadsheet, SvgFileText as FileText, 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, 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 };
|