huspy-icons 0.2.0 → 0.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "huspy-icons",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "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-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-up-down' | 'arrow-right' | 'arrow-left' | 'arrow-down' | 'arrow-down-right' | 'arrow-down-left' | 'alert-triangle';
 
 /**
  * Mapping of icon names to unicode codepoints
@@ -54,12 +54,13 @@ export const glyphMap: Record<IconName, number> = {
   "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
+  "arrow-up-down": 61740,
+  "arrow-right": 61741,
+  "arrow-left": 61742,
+  "arrow-down": 61743,
+  "arrow-down-right": 61744,
+  "arrow-down-left": 61745,
+  "alert-triangle": 61746
 };
 
 /**

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/Icon.tsx

@@ -12,6 +12,7 @@ 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
@@ -58,7 +59,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' | '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';
 
 /**
  * Props for the unified Icon component
@@ -92,6 +93,8 @@ 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':

package/src/react/index.ts

@@ -6,6 +6,7 @@ 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';

package/src/react/index.tsx

@@ -4,6 +4,7 @@ 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';