huspy-icons 0.2.0 → 0.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "huspy-icons",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "Cross-platform icon package for Huspy - React and React Native compatible",
   "author": "Huspy",
   "license": "MIT",

package/src/native/glyphMap.ts

@@ -4,7 +4,7 @@
 /**
  * Available icon names in the HuspyIcons font
  */
-export 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-spreadsheet' | '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-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' | 'logout' | 'lock' | 'leads-linear' | 'leads-filled' | 'keys_01' | 'icon-slot' | 'home-linear' | 'home-filled' | 'help-circle' | 'file-text' | 'file-spreadsheet' | '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' | 'bell-linear' | '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';
 
 /**
  * Mapping of icon names to unicode codepoints
@@ -34,32 +34,35 @@ export const glyphMap: Record<IconName, number> = {
   "home-linear": 61717,
   "home-filled": 61718,
   "help-circle": 61719,
-  "file-spreadsheet": 61720,
-  "file-lock": 61721,
-  "file-key": 61722,
-  "file-check": 61723,
-  "eye-visible": 61724,
-  "eye-hidden": 61725,
-  "explore-linear": 61726,
-  "explore-filled": 61727,
-  "edit": 61728,
-  "chevron-up": 61729,
-  "chevron-right": 61730,
-  "chevron-left": 61731,
-  "chevron-down": 61732,
-  "check": 61733,
-  "cancel": 61734,
-  "cancel-circle-solid": 61735,
-  "bell": 61736,
-  "arrow-up": 61737,
-  "arrow-up-right": 61738,
-  "arrow-up-left": 61739,
-  "arrow-right": 61740,
-  "arrow-left": 61741,
-  "arrow-down": 61742,
-  "arrow-down-right": 61743,
-  "arrow-down-left": 61744,
-  "alert-triangle": 61745
+  "file-text": 61720,
+  "file-spreadsheet": 61721,
+  "file-lock": 61722,
+  "file-key": 61723,
+  "file-check": 61724,
+  "eye-visible": 61725,
+  "eye-hidden": 61726,
+  "explore-linear": 61727,
+  "explore-filled": 61728,
+  "edit": 61729,
+  "chevron-up": 61730,
+  "chevron-right": 61731,
+  "chevron-left": 61732,
+  "chevron-down": 61733,
+  "check": 61734,
+  "cancel": 61735,
+  "cancel-circle-solid": 61736,
+  "bell": 61737,
+  "bell-linear": 61738,
+  "arrow-up": 61739,
+  "arrow-up-right": 61740,
+  "arrow-up-left": 61741,
+  "arrow-up-down": 61742,
+  "arrow-right": 61743,
+  "arrow-left": 61744,
+  "arrow-down": 61745,
+  "arrow-down-right": 61746,
+  "arrow-down-left": 61747,
+  "alert-triangle": 61748
 };
 
 /**

package/src/react/ArrowUpDown.tsx

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import type { ReactIconProps } from '../shared/types';
+import { resolveSize } from '../shared/types';
+
+const SvgArrowUpDown = ({ 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="M12.2929 15.2929C12.6834 14.9024 13.3166 14.9024 13.7071 15.2929L17 18.5858L20.2929 15.2929C20.6834 14.9024 21.3166 14.9024 21.7071 15.2929C22.0976 15.6834 22.0976 16.3166 21.7071 16.7071L17.7071 20.7071C17.3166 21.0976 16.6834 21.0976 16.2929 20.7071L12.2929 16.7071C11.9024 16.3166 11.9024 15.6834 12.2929 15.2929Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M17 3C17.5523 3 18 3.44772 18 4V20C18 20.5523 17.5523 21 17 21C16.4477 21 16 20.5523 16 20V4C16 3.44772 16.4477 3 17 3Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M6.29289 3.29289C6.68342 2.90237 7.31658 2.90237 7.70711 3.29289L11.7071 7.29289C12.0976 7.68342 12.0976 8.31658 11.7071 8.70711C11.3166 9.09763 10.6834 9.09763 10.2929 8.70711L7 5.41421L3.70711 8.70711C3.31658 9.09763 2.68342 9.09763 2.29289 8.70711C1.90237 8.31658 1.90237 7.68342 2.29289 7.29289L6.29289 3.29289Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M7 3C7.55228 3 8 3.44772 8 4V20C8 20.5523 7.55228 21 7 21C6.44772 21 6 20.5523 6 20V4C6 3.44772 6.44772 3 7 3Z"
+      fill="currentColor"
+    />
+  </svg>
+  );
+};
+
+export default SvgArrowUpDown;

package/src/react/BellLinear.tsx

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import type { ReactIconProps } from '../shared/types';
+import { resolveSize } from '../shared/types';
+
+const SvgBellLinear = ({ 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="M12.0001 3C10.674 3 9.40223 3.52678 8.46454 4.46447C7.52686 5.40215 7.00008 6.67392 7.00008 8C7.00008 11.6473 6.21715 14.0654 5.37797 15.6039C5.30188 15.7434 5.22549 15.8753 5.1494 16H18.8508C18.7747 15.8753 18.6983 15.7434 18.6222 15.6039C17.783 14.0654 17.0001 11.6473 17.0001 8C17.0001 6.67392 16.4733 5.40215 15.5356 4.46447C14.5979 3.52678 13.3262 3 12.0001 3ZM21.5664 16.1758C21.5657 16.1753 21.5647 16.1746 21.5635 16.1737C21.5558 16.168 21.538 16.1544 21.5114 16.1322C21.4581 16.0878 21.3698 16.0091 21.2573 15.8904C21.0329 15.6535 20.7098 15.2544 20.378 14.6461C19.7171 13.4346 19.0001 11.3527 19.0001 8C19.0001 6.14349 18.2626 4.36301 16.9498 3.05025C15.6371 1.7375 13.8566 1 12.0001 1C10.1436 1 8.36309 1.7375 7.05033 3.05025C5.73758 4.36301 5.00008 6.14348 5.00008 8C5.00008 11.3527 4.28301 13.4346 3.62218 14.6461C3.29039 15.2544 2.9673 15.6535 2.74288 15.8904C2.6304 16.0091 2.54202 16.0878 2.4888 16.1322C2.46218 16.1544 2.44432 16.168 2.43663 16.1737C2.43542 16.1746 2.43447 16.1753 2.43377 16.1758C2.07528 16.4221 1.91664 16.8725 2.04299 17.2898C2.17068 17.7115 2.55941 18 3.00008 18H21.0001C21.4407 18 21.8295 17.7115 21.9572 17.2898C22.0835 16.8725 21.9249 16.4221 21.5664 16.1758Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M9.81829 20.1237C10.3023 19.8576 10.9103 20.0343 11.1764 20.5182C11.2575 20.6657 11.3767 20.7887 11.5216 20.8744C11.6665 20.9601 11.8317 21.0053 12.0001 21.0053C12.1684 21.0053 12.3337 20.9601 12.4786 20.8744C12.6235 20.7887 12.7427 20.6657 12.8238 20.5182C13.0899 20.0343 13.6979 19.8576 14.1819 20.1237C14.6658 20.3898 14.8424 20.9978 14.5764 21.4818C14.3227 21.9432 13.9498 22.3279 13.4966 22.5959C13.0434 22.8639 12.5266 23.0053 12.0001 23.0053C11.4736 23.0053 10.9567 22.8639 10.5035 22.5959C10.0504 22.3279 9.67745 21.9432 9.42379 21.4818C9.15771 20.9978 9.33433 20.3898 9.81829 20.1237Z"
+      fill="currentColor"
+    />
+  </svg>
+  );
+};
+
+export default SvgBellLinear;

package/src/react/FileText.tsx

@@ -0,0 +1,50 @@
+import * as React from 'react';
+import type { ReactIconProps } from '../shared/types';
+import { resolveSize } from '../shared/types';
+
+const SvgFileText = ({ 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="M3.87868 1.87868C4.44129 1.31607 5.20435 1 6 1H14.5C14.7652 1 15.0196 1.10536 15.2071 1.29289L20.7071 6.79289C20.8946 6.98043 21 7.23478 21 7.5V20C21 20.7957 20.6839 21.5587 20.1213 22.1213C19.5587 22.6839 18.7957 23 18 23H6C5.20435 23 4.44129 22.6839 3.87868 22.1213C3.31607 21.5587 3 20.7957 3 20V4C3 3.20435 3.31607 2.44129 3.87868 1.87868ZM6 3C5.73478 3 5.48043 3.10536 5.29289 3.29289C5.10536 3.48043 5 3.73478 5 4V20C5 20.2652 5.10536 20.5196 5.29289 20.7071C5.48043 20.8946 5.73478 21 6 21H18C18.2652 21 18.5196 20.8946 18.7071 20.7071C18.8946 20.5196 19 20.2652 19 20V7.91421L14.0858 3H6Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M14 1C14.5523 1 15 1.44772 15 2V7H20C20.5523 7 21 7.44772 21 8C21 8.55228 20.5523 9 20 9H14C13.4477 9 13 8.55228 13 8V2C13 1.44772 13.4477 1 14 1Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M7 13C7 12.4477 7.44772 12 8 12H16C16.5523 12 17 12.4477 17 13C17 13.5523 16.5523 14 16 14H8C7.44772 14 7 13.5523 7 13Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M7 17C7 16.4477 7.44772 16 8 16H16C16.5523 16 17 16.4477 17 17C17 17.5523 16.5523 18 16 18H8C7.44772 18 7 17.5523 7 17Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M7 9C7 8.44772 7.44772 8 8 8H10C10.5523 8 11 8.44772 11 9C11 9.55228 10.5523 10 10 10H8C7.44772 10 7 9.55228 7 9Z"
+      fill="currentColor"
+    />
+  </svg>
+  );
+};
+
+export default SvgFileText;

package/src/react/Icon.tsx

@@ -12,9 +12,11 @@ import type { ReactIconProps } from '../shared/types';
 // Icon: arrow-left
 // Icon: arrow-right
 // Icon: arrow-up
+// Icon: arrow-up-down
 // Icon: arrow-up-left
 // Icon: arrow-up-right
 // Icon: bell
+// Icon: bell-linear
 // Icon: cancel
 // Icon: cancel-circle-solid
 // Icon: check
@@ -31,6 +33,7 @@ import type { ReactIconProps } from '../shared/types';
 // Icon: file-key
 // Icon: file-lock
 // Icon: file-spreadsheet
+// Icon: file-text
 // Icon: help-circle
 // Icon: home-filled
 // Icon: home-linear
@@ -58,7 +61,7 @@ import type { ReactIconProps } from '../shared/types';
 /**
  * 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' | 'explore-filled' | 'explore-linear' | 'eye-hidden' | 'eye-visible' | 'file-check' | 'file-key' | 'file-lock' | 'file-spreadsheet' | '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';
+export 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' | 'bell-linear' | '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-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';
 
 /**
  * Props for the unified Icon component
@@ -92,12 +95,16 @@ function loadIcon(name: IconName): Promise<React.ComponentType<any>> {
       return import('./ArrowRight').then(m => m.default);
     case 'arrow-up':
       return import('./ArrowUp').then(m => m.default);
+    case 'arrow-up-down':
+      return import('./ArrowUpDown').then(m => m.default);
     case 'arrow-up-left':
       return import('./ArrowUpLeft').then(m => m.default);
     case 'arrow-up-right':
       return import('./ArrowUpRight').then(m => m.default);
     case 'bell':
       return import('./Bell').then(m => m.default);
+    case 'bell-linear':
+      return import('./BellLinear').then(m => m.default);
     case 'cancel':
       return import('./Cancel').then(m => m.default);
     case 'cancel-circle-solid':
@@ -130,6 +137,8 @@ function loadIcon(name: IconName): Promise<React.ComponentType<any>> {
       return import('./FileLock').then(m => m.default);
     case 'file-spreadsheet':
       return import('./FileSpreadsheet').then(m => m.default);
+    case 'file-text':
+      return import('./FileText').then(m => m.default);
     case 'help-circle':
       return import('./HelpCircle').then(m => m.default);
     case 'home-filled':

package/src/react/index.ts

@@ -6,9 +6,11 @@ export { default as ArrowDownRight } from './ArrowDownRight';
 export { default as ArrowLeft } from './ArrowLeft';
 export { default as ArrowRight } from './ArrowRight';
 export { default as ArrowUp } from './ArrowUp';
+export { default as ArrowUpDown } from './ArrowUpDown';
 export { default as ArrowUpLeft } from './ArrowUpLeft';
 export { default as ArrowUpRight } from './ArrowUpRight';
 export { default as Bell } from './Bell';
+export { default as BellLinear } from './BellLinear';
 export { default as Cancel } from './Cancel';
 export { default as CancelCircleSolid } from './CancelCircleSolid';
 export { default as Check } from './Check';
@@ -25,6 +27,7 @@ export { default as FileCheck } from './FileCheck';
 export { default as FileKey } from './FileKey';
 export { default as FileLock } from './FileLock';
 export { default as FileSpreadsheet } from './FileSpreadsheet';
+export { default as FileText } from './FileText';
 export { default as HelpCircle } from './HelpCircle';
 export { default as HomeFilled } from './HomeFilled';
 export { default as HomeLinear } from './HomeLinear';

package/src/react/index.tsx

@@ -4,9 +4,11 @@ export { default as ArrowDownRight } from './ArrowDownRight';
 export { default as ArrowDown } from './ArrowDown';
 export { default as ArrowLeft } from './ArrowLeft';
 export { default as ArrowRight } from './ArrowRight';
+export { default as ArrowUpDown } from './ArrowUpDown';
 export { default as ArrowUpLeft } from './ArrowUpLeft';
 export { default as ArrowUpRight } from './ArrowUpRight';
 export { default as ArrowUp } from './ArrowUp';
+export { default as BellLinear } from './BellLinear';
 export { default as Bell } from './Bell';
 export { default as CancelCircleSolid } from './CancelCircleSolid';
 export { default as Cancel } from './Cancel';
@@ -24,6 +26,7 @@ export { default as FileCheck } from './FileCheck';
 export { default as FileKey } from './FileKey';
 export { default as FileLock } from './FileLock';
 export { default as FileSpreadsheet } from './FileSpreadsheet';
+export { default as FileText } from './FileText';
 export { default as HelpCircle } from './HelpCircle';
 export { default as HomeFilled } from './HomeFilled';
 export { default as HomeLinear } from './HomeLinear';