huspy-icons 0.1.13 → 0.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "huspy-icons",
-  "version": "0.1.13",
+  "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' | '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';
+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
@@ -25,35 +25,42 @@ export const glyphMap: Record<IconName, number> = {
   "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
+  "logout": 61711,
+  "lock": 61712,
+  "leads-linear": 61713,
+  "leads-filled": 61714,
+  "keys_01": 61715,
+  "icon-slot": 61716,
+  "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-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/FileCheck.tsx

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import type { ReactIconProps } from '../shared/types';
+import { resolveSize } from '../shared/types';
+
+const SvgFileCheck = ({ 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.87865 1.87868C4.44126 1.31607 5.20432 1 5.99997 1H14.5C14.7652 1 15.0195 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.7956 23 18 23H3.99997C3.44769 23 2.99997 22.5523 2.99997 22C2.99997 21.4477 3.44769 21 3.99997 21H18C18.2652 21 18.5195 20.8946 18.7071 20.7071C18.8946 20.5196 19 20.2652 19 20V7.91421L14.0858 3H5.99997C5.73476 3 5.4804 3.10536 5.29287 3.29289C5.10533 3.48043 4.99997 3.73478 4.99997 4V8C4.99997 8.55228 4.55226 9 3.99997 9C3.44769 9 2.99997 8.55228 2.99997 8V4C2.99997 3.20435 3.31604 2.44129 3.87865 1.87868Z"
+      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="M10.4142 12.3402C10.8047 12.7307 10.8047 13.3639 10.4142 13.7544L6.41421 17.7544C6.02369 18.1449 5.39052 18.1449 5 17.7544L3 15.7544C2.60948 15.3639 2.60948 14.7307 3 14.3402C3.39052 13.9496 4.02369 13.9496 4.41421 14.3402L5.70711 15.6331L9 12.3402C9.39052 11.9496 10.0237 11.9496 10.4142 12.3402Z"
+      fill="currentColor"
+    />
+  </svg>
+  );
+};
+
+export default SvgFileCheck;

package/src/react/FileLock.tsx

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import type { ReactIconProps } from '../shared/types';
+import { resolveSize } from '../shared/types';
+
+const SvgFileLock = ({ 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="M7 13C7 11.8954 7.89543 11 9 11H15C16.1046 11 17 11.8954 17 13V17C17 18.1046 16.1046 19 15 19H9C7.89543 19 7 18.1046 7 17V13ZM15 13H9V17H15V13Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M9.17157 7.17157C9.92172 6.42143 10.9391 6 12 6C13.0609 6 14.0783 6.42143 14.8284 7.17157C15.5786 7.92172 16 8.93913 16 10V12C16 12.5523 15.5523 13 15 13C14.4477 13 14 12.5523 14 12V10C14 9.46957 13.7893 8.96086 13.4142 8.58579C13.0391 8.21071 12.5304 8 12 8C11.4696 8 10.9609 8.21071 10.5858 8.58579C10.2107 8.96086 10 9.46957 10 10V12C10 12.5523 9.55228 13 9 13C8.44772 13 8 12.5523 8 12V10C8 8.93913 8.42143 7.92172 9.17157 7.17157Z"
+      fill="currentColor"
+    />
+  </svg>
+  );
+};
+
+export default SvgFileLock;

package/src/react/FileSpreadsheet.tsx

@@ -0,0 +1,56 @@
+import * as React from 'react';
+import type { ReactIconProps } from '../shared/types';
+import { resolveSize } from '../shared/types';
+
+const SvgFileSpreadsheet = ({ 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 12H10C10.5523 12 11 12.4477 11 13C11 13.5523 10.5523 14 10 14H8C7.44772 14 7 13.5523 7 13Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M7 17C7 16.4477 7.44772 16 8 16H10C10.5523 16 11 16.4477 11 17C11 17.5523 10.5523 18 10 18H8C7.44772 18 7 17.5523 7 17Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M13 13C13 12.4477 13.4477 12 14 12H16C16.5523 12 17 12.4477 17 13C17 13.5523 16.5523 14 16 14H14C13.4477 14 13 13.5523 13 13Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M13 17C13 16.4477 13.4477 16 14 16H16C16.5523 16 17 16.4477 17 17C17 17.5523 16.5523 18 16 18H14C13.4477 18 13 17.5523 13 17Z"
+      fill="currentColor"
+    />
+  </svg>
+  );
+};
+
+export default SvgFileSpreadsheet;

package/src/react/HelpCircle.tsx

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import type { ReactIconProps } from '../shared/types';
+import { resolveSize } from '../shared/types';
+
+const SvgHelpCircle = ({ 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 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21ZM23 12C23 18.0751 18.0751 23 12 23C5.92487 23 0.999999 18.0751 1 12C1 5.92487 5.92487 0.999999 12 1C18.0751 1 23 5.92487 23 12Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12.2581 8.0244C11.7926 7.94455 11.3138 8.03203 10.9066 8.27135C10.4994 8.51066 10.1901 8.88637 10.0333 9.33193C9.85006 9.85292 9.27914 10.1267 8.75815 9.94342C8.23716 9.76014 7.96339 9.18923 8.14666 8.66824C8.46013 7.77713 9.07886 7.02571 9.89327 6.54708C10.7077 6.06845 11.6652 5.89349 12.5962 6.05319C13.5273 6.21289 14.3717 6.69694 14.9801 7.41961C15.5883 8.14213 15.9213 9.05656 15.92 10.001C15.9195 11.5314 14.7849 12.542 13.9747 13.0821C13.5391 13.3726 13.1105 13.5861 12.7949 13.7264C12.6356 13.7972 12.5015 13.8509 12.4049 13.8877C12.3565 13.9061 12.3173 13.9204 12.2887 13.9306L12.254 13.9427L12.2429 13.9465L12.239 13.9478L12.2375 13.9483C12.2372 13.9484 12.2362 13.9488 11.92 13.0001L12.2362 13.9488C11.7123 14.1234 11.146 13.8403 10.9713 13.3163C10.7968 12.7927 11.0794 12.2268 11.6027 12.0517L11.6014 12.0522C11.6015 12.0521 11.6016 12.0521 11.6027 12.0517L11.6187 12.0461C11.6341 12.0407 11.6593 12.0315 11.6929 12.0187C11.7603 11.993 11.8606 11.953 11.9826 11.8988C12.2294 11.7891 12.5509 11.6276 12.8653 11.418C13.5549 10.9583 13.92 10.4692 13.92 10.0001L13.92 9.99859C13.9207 9.52627 13.7542 9.06895 13.45 8.70761C13.1459 8.34628 12.7236 8.10425 12.2581 8.0244Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M11 17C11 16.4477 11.4477 16 12 16H12.01C12.5623 16 13.01 16.4477 13.01 17C13.01 17.5523 12.5623 18 12.01 18H12C11.4477 18 11 17.5523 11 17Z"
+      fill="currentColor"
+    />
+  </svg>
+  );
+};
+
+export default SvgHelpCircle;

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
@@ -27,13 +28,19 @@ import type { ReactIconProps } from '../shared/types';
 // Icon: explore-linear
 // Icon: eye-hidden
 // Icon: eye-visible
+// Icon: file-check
 // Icon: file-key
+// Icon: file-lock
+// Icon: file-spreadsheet
+// Icon: help-circle
 // Icon: home-filled
 // Icon: home-linear
 // Icon: icon-slot
 // Icon: keys01
 // Icon: leads-filled
 // Icon: leads-linear
+// Icon: lock
+// Icon: logout
 // Icon: mail
 // Icon: mortgage
 // Icon: note
@@ -52,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-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';
+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
@@ -86,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':
@@ -116,8 +125,16 @@ function loadIcon(name: IconName): Promise<React.ComponentType<any>> {
       return import('./EyeHidden').then(m => m.default);
     case 'eye-visible':
       return import('./EyeVisible').then(m => m.default);
+    case 'file-check':
+      return import('./FileCheck').then(m => m.default);
     case 'file-key':
       return import('./FileKey').then(m => m.default);
+    case 'file-lock':
+      return import('./FileLock').then(m => m.default);
+    case 'file-spreadsheet':
+      return import('./FileSpreadsheet').then(m => m.default);
+    case 'help-circle':
+      return import('./HelpCircle').then(m => m.default);
     case 'home-filled':
       return import('./HomeFilled').then(m => m.default);
     case 'home-linear':
@@ -130,6 +147,10 @@ function loadIcon(name: IconName): Promise<React.ComponentType<any>> {
       return import('./LeadsFilled').then(m => m.default);
     case 'leads-linear':
       return import('./LeadsLinear').then(m => m.default);
+    case 'lock':
+      return import('./Lock').then(m => m.default);
+    case 'logout':
+      return import('./Logout').then(m => m.default);
     case 'mail':
       return import('./Mail').then(m => m.default);
     case 'mortgage':

package/src/react/Lock.tsx

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import type { ReactIconProps } from '../shared/types';
+import { resolveSize } from '../shared/types';
+
+const SvgLock = ({ 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="M6.24415 11.1048C5.64691 11.1048 5.16276 11.589 5.16276 12.1862V19.7559C5.16276 20.3531 5.64691 20.8372 6.24415 20.8372H18.1393C18.7366 20.8372 19.2207 20.3531 19.2207 19.7559V12.1862C19.2207 11.589 18.7366 11.1048 18.1393 11.1048H6.24415ZM3 12.1862C3 10.3945 4.45245 8.94204 6.24415 8.94204H18.1393C19.931 8.94204 21.3835 10.3945 21.3835 12.1862V19.7559C21.3835 21.5475 19.931 23 18.1393 23H6.24415C4.45245 23 3 21.5475 3 19.7559V12.1862Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12.1917 3.16276C11.0445 3.16276 9.94433 3.61849 9.13314 4.42968C8.32194 5.24087 7.86622 6.34109 7.86622 7.48829V10.0234C7.86622 10.6206 7.38207 11.1048 6.78484 11.1048C6.18761 11.1048 5.70345 10.6206 5.70345 10.0234V7.48829C5.70345 5.76749 6.38704 4.11717 7.60383 2.90038C8.82062 1.68359 10.4709 1 12.1917 1C13.9125 1 15.5629 1.68359 16.7797 2.90038C17.9965 4.11717 18.68 5.76749 18.68 7.48829V10.0234C18.68 10.6206 18.1959 11.1048 17.5987 11.1048C17.0014 11.1048 16.5173 10.6206 16.5173 10.0234V7.48829C16.5173 6.34109 16.0615 5.24087 15.2504 4.42968C14.4392 3.61849 13.3389 3.16276 12.1917 3.16276Z"
+      fill="currentColor"
+    />
+  </svg>
+  );
+};
+
+export default SvgLock;

package/src/react/Logout.tsx

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import type { ReactIconProps } from '../shared/types';
+import { resolveSize } from '../shared/types';
+
+const SvgLogout = ({ 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="M5 4C4.73478 4 4.48043 4.10536 4.29289 4.29289C4.10536 4.48043 4 4.73478 4 5V19C4 19.2652 4.10536 19.5196 4.29289 19.7071C4.48043 19.8946 4.73478 20 5 20H9C9.55228 20 10 20.4477 10 21C10 21.5523 9.55228 22 9 22H5C4.20435 22 3.44129 21.6839 2.87868 21.1213C2.31607 20.5587 2 19.7957 2 19V5C2 4.20435 2.31607 3.44129 2.87868 2.87868C3.44129 2.31607 4.20435 2 5 2H9C9.55228 2 10 2.44772 10 3C10 3.55228 9.55228 4 9 4H5Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M15.2929 6.29289C15.6834 5.90237 16.3166 5.90237 16.7071 6.29289L21.7071 11.2929C22.0976 11.6834 22.0976 12.3166 21.7071 12.7071L16.7071 17.7071C16.3166 18.0976 15.6834 18.0976 15.2929 17.7071C14.9024 17.3166 14.9024 16.6834 15.2929 16.2929L19.5858 12L15.2929 7.70711C14.9024 7.31658 14.9024 6.68342 15.2929 6.29289Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M8 12C8 11.4477 8.44772 11 9 11H21C21.5523 11 22 11.4477 22 12C22 12.5523 21.5523 13 21 13H9C8.44772 13 8 12.5523 8 12Z"
+      fill="currentColor"
+    />
+  </svg>
+  );
+};
+
+export default SvgLogout;

package/src/react/Note.tsx

@@ -8,31 +8,14 @@ const SvgNote = ({ size = 16, ...props }: ReactIconProps) => {
   return (
     <svg
     width={sizeValue} height={sizeValue}
-    viewBox="0 0 28 28"
+    viewBox="0 0 24 24"
     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"
+      d="M2.09961 19V5C2.09961 4.23087 2.40536 3.49307 2.94922 2.94922C3.49307 2.40536 4.23087 2.09961 5 2.09961H16L16.0889 2.10449C16.2949 2.12493 16.489 2.21558 16.6367 2.36328L21.6367 7.36328C21.8055 7.53206 21.9004 7.76131 21.9004 8V19C21.9004 19.7691 21.5946 20.5069 21.0508 21.0508C20.5069 21.5946 19.7691 21.9004 19 21.9004H5C4.23087 21.9004 3.49307 21.5946 2.94922 21.0508C2.40536 20.5069 2.09961 19.7691 2.09961 19ZM15.9004 7C15.9004 7.29174 16.0164 7.57105 16.2227 7.77734C16.4289 7.98363 16.7083 8.09961 17 8.09961H19.8262L15.9004 4.17383V7ZM3.90039 19C3.90039 19.2917 4.01637 19.5711 4.22266 19.7773C4.42895 19.9836 4.70826 20.0996 5 20.0996H19C19.2917 20.0996 19.5711 19.9836 19.7773 19.7773C19.9836 19.5711 20.0996 19.2917 20.0996 19V9.90039H17C16.2309 9.90039 15.4931 9.59464 14.9492 9.05078C14.4054 8.50693 14.0996 7.76913 14.0996 7V3.90039H5C4.70826 3.90039 4.42895 4.01637 4.22266 4.22266C4.01637 4.42895 3.90039 4.70826 3.90039 5V19Z"
+      fill="currentColor"
     />
   </svg>
   );

package/src/react/Plus.tsx

@@ -8,13 +8,13 @@ const SvgPlus = ({ size = 16, ...props }: ReactIconProps) => {
   return (
     <svg
     width={sizeValue} height={sizeValue}
-    viewBox="0 0 16 16"
+    viewBox="0 0 24 24"
     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"
+      d="M11 19V13H5C4.44772 13 4 12.5523 4 12C4 11.4477 4.44772 11 5 11H11V5C11 4.44772 11.4477 4 12 4C12.5523 4 13 4.44772 13 5V11H19C19.5523 11 20 11.4477 20 12C20 12.5523 19.5523 13 19 13H13V19C13 19.5523 12.5523 20 12 20C11.4477 20 11 19.5523 11 19Z"
       fill="currentColor"
     />
   </svg>

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';
@@ -21,13 +22,19 @@ 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 FileCheck } from './FileCheck';
 export { default as FileKey } from './FileKey';
+export { default as FileLock } from './FileLock';
+export { default as FileSpreadsheet } from './FileSpreadsheet';
+export { default as HelpCircle } from './HelpCircle';
 export { default as HomeFilled } from './HomeFilled';
 export { default as HomeLinear } from './HomeLinear';
 export { default as IconSlot } from './IconSlot';
 export { default as Keys01 } from './Keys01';
 export { default as LeadsFilled } from './LeadsFilled';
 export { default as LeadsLinear } from './LeadsLinear';
+export { default as Lock } from './Lock';
+export { default as Logout } from './Logout';
 export { default as Mail } from './Mail';
 export { default as Mortgage } from './Mortgage';
 export { default as Note } from './Note';

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';
@@ -20,13 +21,19 @@ 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 FileCheck } from './FileCheck';
 export { default as FileKey } from './FileKey';
+export { default as FileLock } from './FileLock';
+export { default as FileSpreadsheet } from './FileSpreadsheet';
+export { default as HelpCircle } from './HelpCircle';
 export { default as HomeFilled } from './HomeFilled';
 export { default as HomeLinear } from './HomeLinear';
 export { default as IconSlot } from './IconSlot';
 export { default as Keys01 } from './Keys01';
 export { default as LeadsFilled } from './LeadsFilled';
 export { default as LeadsLinear } from './LeadsLinear';
+export { default as Lock } from './Lock';
+export { default as Logout } from './Logout';
 export { default as Mail } from './Mail';
 export { default as Mortgage } from './Mortgage';
 export { default as Note } from './Note';