huspy-icons 0.1.10 → 0.1.12

package/src/native/glyphMap.ts

@@ -4,7 +4,7 @@
 /**
  * Available icon names in the HuspyIcons font
  */
-export 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';
+export type IconName = 'whatsapp' | 'user' | 'trash-2' | 'share' | 'search' | 'search-x' | 'rent' | 'properties-linear' | 'properties-filled' | 'plus' | 'payments' | 'note' | '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';
 
 /**
  * Mapping of icon names to unicode codepoints
@@ -13,42 +13,47 @@ export type IconName = 'whatsapp' | 'user' | 'share' | 'search' | 'search-x' | '
 export const glyphMap: Record<IconName, number> = {
   "whatsapp": 61697,
   "user": 61698,
-  "share": 61699,
-  "search": 61700,
-  "search-x": 61701,
-  "rent": 61702,
-  "properties-linear": 61703,
-  "properties-filled": 61704,
-  "payments": 61705,
-  "mortgage": 61706,
-  "mail": 61707,
-  "leads-linear": 61708,
-  "leads-filled": 61709,
-  "keys_01": 61710,
-  "icon-slot": 61711,
-  "home-linear": 61712,
-  "home-filled": 61713,
-  "file-key": 61714,
-  "eye-visible": 61715,
-  "eye-hidden": 61716,
-  "edit": 61717,
-  "chevron-up": 61718,
-  "chevron-right": 61719,
-  "chevron-left": 61720,
-  "chevron-down": 61721,
-  "check": 61722,
-  "cancel": 61723,
-  "cancel-circle-solid": 61724,
-  "bell": 61725,
-  "arrow-up": 61726,
-  "arrow-up-right": 61727,
-  "arrow-up-left": 61728,
-  "arrow-right": 61729,
-  "arrow-left": 61730,
-  "arrow-down": 61731,
-  "arrow-down-right": 61732,
-  "arrow-down-left": 61733,
-  "alert-triangle": 61734
+  "trash-2": 61699,
+  "share": 61700,
+  "search": 61701,
+  "search-x": 61702,
+  "rent": 61703,
+  "properties-linear": 61704,
+  "properties-filled": 61705,
+  "plus": 61706,
+  "payments": 61707,
+  "note": 61708,
+  "mortgage": 61709,
+  "mail": 61710,
+  "leads-linear": 61711,
+  "leads-filled": 61712,
+  "keys_01": 61713,
+  "icon-slot": 61714,
+  "home-linear": 61715,
+  "home-filled": 61716,
+  "file-key": 61717,
+  "eye-visible": 61718,
+  "eye-hidden": 61719,
+  "explore-linear": 61720,
+  "explore-filled": 61721,
+  "edit": 61722,
+  "chevron-up": 61723,
+  "chevron-right": 61724,
+  "chevron-left": 61725,
+  "chevron-down": 61726,
+  "check": 61727,
+  "cancel": 61728,
+  "cancel-circle-solid": 61729,
+  "bell": 61730,
+  "arrow-up": 61731,
+  "arrow-up-right": 61732,
+  "arrow-up-left": 61733,
+  "arrow-right": 61734,
+  "arrow-left": 61735,
+  "arrow-down": 61736,
+  "arrow-down-right": 61737,
+  "arrow-down-left": 61738,
+  "alert-triangle": 61739
 };
 
 /**

package/src/react/ExploreFilled.tsx

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import type { ReactIconProps } from '../shared/types';
+import { resolveSize } from '../shared/types';
+
+const SvgExploreFilled = ({ size = 16, ...props }: ReactIconProps) => {
+  const sizeValue = resolveSize(size);
+  
+  return (
+    <svg
+    width={sizeValue} height={sizeValue}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      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"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      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"
+      fill="currentColor"
+    />
+    <path
+      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"
+      fill="currentColor"
+    />
+  </svg>
+  );
+};
+
+export default SvgExploreFilled;

package/src/react/ExploreLinear.tsx

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import type { ReactIconProps } from '../shared/types';
+import { resolveSize } from '../shared/types';
+
+const SvgExploreLinear = ({ size = 16, ...props }: ReactIconProps) => {
+  const sizeValue = resolveSize(size);
+  
+  return (
+    <svg
+    width={sizeValue} height={sizeValue}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      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"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      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"
+      fill="currentColor"
+    />
+  </svg>
+  );
+};
+
+export default SvgExploreLinear;

package/src/react/Icon.tsx

@@ -23,6 +23,8 @@ import type { ReactIconProps } from '../shared/types';
 // Icon: chevron-right
 // Icon: chevron-up
 // Icon: edit
+// Icon: explore-filled
+// Icon: explore-linear
 // Icon: eye-hidden
 // Icon: eye-visible
 // Icon: file-key
@@ -34,20 +36,23 @@ import type { ReactIconProps } from '../shared/types';
 // Icon: leads-linear
 // Icon: mail
 // Icon: mortgage
+// Icon: note
 // Icon: payments
+// Icon: plus
 // Icon: properties-filled
 // Icon: properties-linear
 // Icon: rent
 // Icon: search
 // Icon: search-x
 // Icon: share
+// Icon: trash2
 // Icon: user
 // Icon: whatsapp
 
 /**
  * Available icon names
  */
-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';
+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' | 'note' | 'payments' | 'plus' | 'properties-filled' | 'properties-linear' | 'rent' | 'search' | 'search-x' | 'share' | 'trash2' | 'user' | 'whatsapp';
 
 /**
  * Props for the unified Icon component
@@ -103,6 +108,10 @@ function loadIcon(name: IconName): Promise<React.ComponentType<any>> {
       return import('./ChevronUp').then(m => m.default);
     case 'edit':
       return import('./Edit').then(m => m.default);
+    case 'explore-filled':
+      return import('./ExploreFilled').then(m => m.default);
+    case 'explore-linear':
+      return import('./ExploreLinear').then(m => m.default);
     case 'eye-hidden':
       return import('./EyeHidden').then(m => m.default);
     case 'eye-visible':
@@ -125,8 +134,12 @@ function loadIcon(name: IconName): Promise<React.ComponentType<any>> {
       return import('./Mail').then(m => m.default);
     case 'mortgage':
       return import('./Mortgage').then(m => m.default);
+    case 'note':
+      return import('./Note').then(m => m.default);
     case 'payments':
       return import('./Payments').then(m => m.default);
+    case 'plus':
+      return import('./Plus').then(m => m.default);
     case 'properties-filled':
       return import('./PropertiesFilled').then(m => m.default);
     case 'properties-linear':
@@ -139,6 +152,8 @@ function loadIcon(name: IconName): Promise<React.ComponentType<any>> {
       return import('./SearchX').then(m => m.default);
     case 'share':
       return import('./Share').then(m => m.default);
+    case 'trash2':
+      return import('./Trash2').then(m => m.default);
     case 'user':
       return import('./User').then(m => m.default);
     case 'whatsapp':

package/src/react/Note.tsx

@@ -0,0 +1,41 @@
+import * as React from 'react';
+import type { ReactIconProps } from '../shared/types';
+import { resolveSize } from '../shared/types';
+
+const SvgNote = ({ size = 16, ...props }: ReactIconProps) => {
+  const sizeValue = resolveSize(size);
+  
+  return (
+    <svg
+    width={sizeValue} height={sizeValue}
+    viewBox="0 0 28 28"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M4.66666 18.0834V9.33342C4.66666 8.09574 5.15832 6.90875 6.03349 6.03358C6.90866 5.15841 8.09565 4.66675 9.33332 4.66675H19.25C20.4877 4.66675 21.6747 5.15841 22.5498 6.03358C23.425 6.90875 23.9167 8.09574 23.9167 9.33342"
+      stroke="#1A1A1A"
+      strokeWidth={2.1}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M19.25 4.66675H9.33332C8.09565 4.66675 6.90866 5.15841 6.03349 6.03358C5.15832 6.90875 4.66666 8.09574 4.66666 9.33342V19.2501C4.66666 20.4878 5.15832 21.6747 6.03349 22.5499C6.90866 23.4251 8.09565 23.9167 9.33332 23.9167H17.3168C17.9298 23.9168 18.5368 23.796 19.1031 23.5614C19.6694 23.3268 20.1839 22.9829 20.6173 22.5494L22.5493 20.6174C22.9828 20.184 23.3267 19.6695 23.5613 19.1032C23.7959 18.5369 23.9167 17.9299 23.9167 17.3169V9.33342C23.9167 8.09574 23.425 6.90875 22.5498 6.03358C21.6747 5.15841 20.4877 4.66675 19.25 4.66675Z"
+      stroke="#1A1A1A"
+      strokeWidth={2.1}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M23.9166 16.3334H19.8333C18.9051 16.3334 18.0148 16.7022 17.3584 17.3586C16.7021 18.0149 16.3333 18.9052 16.3333 19.8334V23.9168M9.33331 9.33344H18.0833M9.33331 14.0001H15.1666"
+      stroke="#1A1A1A"
+      strokeWidth={2.1}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+  );
+};
+
+export default SvgNote;

package/src/react/Plus.tsx

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import type { ReactIconProps } from '../shared/types';
+import { resolveSize } from '../shared/types';
+
+const SvgPlus = ({ size = 16, ...props }: ReactIconProps) => {
+  const sizeValue = resolveSize(size);
+  
+  return (
+    <svg
+    width={sizeValue} height={sizeValue}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M7 15V9H1C0.447715 9 0 8.55229 0 8C0 7.44772 0.447715 7 1 7H7V1C7 0.447715 7.44772 0 8 0C8.55229 0 9 0.447715 9 1V7H15C15.5523 7 16 7.44772 16 8C16 8.55229 15.5523 9 15 9H9V15C9 15.5523 8.55229 16 8 16C7.44772 16 7 15.5523 7 15Z"
+      fill="currentColor"
+    />
+  </svg>
+  );
+};
+
+export default SvgPlus;

package/src/react/Trash2.tsx

@@ -0,0 +1,50 @@
+import * as React from 'react';
+import type { ReactIconProps } from '../shared/types';
+import { resolveSize } from '../shared/types';
+
+const SvgTrash2 = ({ size = 16, ...props }: ReactIconProps) => {
+  const sizeValue = resolveSize(size);
+  
+  return (
+    <svg
+    width={sizeValue} height={sizeValue}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M2 6C2 5.44772 2.44772 5 3 5H21C21.5523 5 22 5.44772 22 6C22 6.55228 21.5523 7 21 7H3C2.44772 7 2 6.55228 2 6Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M5 5C5.55228 5 6 5.44772 6 6V20C6 20.1748 6.09745 20.4332 6.33211 20.6679C6.56676 20.9025 6.82523 21 7 21H17C17.1748 21 17.4332 20.9025 17.6679 20.6679C17.9025 20.4332 18 20.1748 18 20V6C18 5.44772 18.4477 5 19 5C19.5523 5 20 5.44772 20 6V20C20 20.8252 19.5975 21.5668 19.0821 22.0821C18.5668 22.5975 17.8252 23 17 23H7C6.17477 23 5.43324 22.5975 4.91789 22.0821C4.40255 21.5668 4 20.8252 4 20V6C4 5.44772 4.44772 5 5 5Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M9.33211 3.33211C9.09745 3.56676 9 3.82523 9 4V6C9 6.55228 8.55228 7 8 7C7.44772 7 7 6.55228 7 6V4C7 3.17477 7.40255 2.43324 7.91789 1.91789C8.43324 1.40255 9.17477 1 10 1H14C14.8252 1 15.5668 1.40255 16.0821 1.91789C16.5975 2.43324 17 3.17477 17 4V6C17 6.55228 16.5523 7 16 7C15.4477 7 15 6.55228 15 6V4C15 3.82523 14.9025 3.56676 14.6679 3.33211C14.4332 3.09745 14.1748 3 14 3H10C9.82523 3 9.56676 3.09745 9.33211 3.33211Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M10 10C10.5523 10 11 10.4477 11 11V17C11 17.5523 10.5523 18 10 18C9.44772 18 9 17.5523 9 17V11C9 10.4477 9.44772 10 10 10Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M14 10C14.5523 10 15 10.4477 15 11V17C15 17.5523 14.5523 18 14 18C13.4477 18 13 17.5523 13 17V11C13 10.4477 13.4477 10 14 10Z"
+      fill="currentColor"
+    />
+  </svg>
+  );
+};
+
+export default SvgTrash2;

package/src/react/index.ts

@@ -17,6 +17,8 @@ export { default as ChevronLeft } from './ChevronLeft';
 export { default as ChevronRight } from './ChevronRight';
 export { default as ChevronUp } from './ChevronUp';
 export { default as Edit } from './Edit';
+export { default as ExploreFilled } from './ExploreFilled';
+export { default as ExploreLinear } from './ExploreLinear';
 export { default as EyeHidden } from './EyeHidden';
 export { default as EyeVisible } from './EyeVisible';
 export { default as FileKey } from './FileKey';
@@ -28,13 +30,16 @@ export { default as LeadsFilled } from './LeadsFilled';
 export { default as LeadsLinear } from './LeadsLinear';
 export { default as Mail } from './Mail';
 export { default as Mortgage } from './Mortgage';
+export { default as Note } from './Note';
 export { default as Payments } from './Payments';
+export { default as Plus } from './Plus';
 export { default as PropertiesFilled } from './PropertiesFilled';
 export { default as PropertiesLinear } from './PropertiesLinear';
 export { default as Rent } from './Rent';
 export { default as Search } from './Search';
 export { default as SearchX } from './SearchX';
 export { default as Share } from './Share';
+export { default as Trash2 } from './Trash2';
 export { default as User } from './User';
 export { default as Whatsapp } from './Whatsapp';
 

package/src/react/index.tsx

@@ -16,6 +16,8 @@ export { default as ChevronLeft } from './ChevronLeft';
 export { default as ChevronRight } from './ChevronRight';
 export { default as ChevronUp } from './ChevronUp';
 export { default as Edit } from './Edit';
+export { default as ExploreFilled } from './ExploreFilled';
+export { default as ExploreLinear } from './ExploreLinear';
 export { default as EyeHidden } from './EyeHidden';
 export { default as EyeVisible } from './EyeVisible';
 export { default as FileKey } from './FileKey';
@@ -27,12 +29,15 @@ export { default as LeadsFilled } from './LeadsFilled';
 export { default as LeadsLinear } from './LeadsLinear';
 export { default as Mail } from './Mail';
 export { default as Mortgage } from './Mortgage';
+export { default as Note } from './Note';
 export { default as Payments } from './Payments';
+export { default as Plus } from './Plus';
 export { default as PropertiesFilled } from './PropertiesFilled';
 export { default as PropertiesLinear } from './PropertiesLinear';
 export { default as Rent } from './Rent';
 export { default as SearchX } from './SearchX';
 export { default as Search } from './Search';
 export { default as Share } from './Share';
+export { default as Trash2 } from './Trash2';
 export { default as User } from './User';
 export { default as Whatsapp } from './Whatsapp';