huspy-icons 0.1.5 → 0.1.8

package/README.md

@@ -139,10 +139,31 @@ This will:
 npm run build
 ```
 
-4. Publish:
+4. Version bump and publish:
 
 ```bash
-npm version minor
+# Patch version (0.1.9 → 0.1.10)
+npm run version:patch
+
+# Minor version (0.1.9 → 0.2.0)
+npm run version:minor
+
+# Major version (0.1.9 → 1.0.0)
+npm run version:major
+```
+
+This will:
+- Update `package.json` version
+- Update `package-lock.json` version
+- Update `CHANGELOG.md` with a new version entry
+- Print next steps for committing and tagging
+
+Then commit, tag, and publish:
+```bash
+git add package.json package-lock.json CHANGELOG.md
+git commit -m "chore: bump version to X.X.X"
+git tag vX.X.X
+git push && git push --tags
 npm publish
 ```
 
@@ -176,7 +197,11 @@ huspy-icons/
   "gen:types": "Generate TypeScript types",
   "gen": "Run all generation scripts",
   "build": "Build TypeScript to JavaScript",
-  "prepare": "Full build (runs on npm install)"
+  "prepare": "Full build (runs on npm install)",
+  "typecheck": "Run TypeScript type checking",
+  "version:patch": "Bump patch version and update changelog",
+  "version:minor": "Bump minor version and update changelog",
+  "version:major": "Bump major version and update changelog"
 }
 ```
 
@@ -213,9 +238,40 @@ import { Icon } from 'huspy-icons/native';
 
 ## 🔒 Versioning
 
-* **Patch**: Path tweaks, bug fixes, metadata changes
-* **Minor**: New icons, non-breaking API additions
-* **Major**: Icon removals/renames, breaking API changes
+This project follows [Semantic Versioning](https://semver.org/):
+
+* **Patch** (0.1.9 → 0.1.10): Bug fixes, path tweaks, metadata changes
+* **Minor** (0.1.9 → 0.2.0): New icons, non-breaking API additions
+* **Major** (0.1.9 → 1.0.0): Icon removals/renames, breaking API changes
+
+### Releasing a New Version
+
+Use the version bump scripts to update version and changelog:
+
+```bash
+# For patch releases (bug fixes)
+npm run version:patch
+
+# For minor releases (new icons)
+npm run version:minor
+
+# For major releases (breaking changes)
+npm run version:major
+```
+
+The script will:
+- ✅ Bump version in `package.json`
+- ✅ Bump version in `package-lock.json`
+- ✅ Update `CHANGELOG.md` with a new version entry
+
+After running, commit, tag, and publish:
+```bash
+git add package.json package-lock.json CHANGELOG.md
+git commit -m "chore: bump version to X.X.X"
+git tag vX.X.X
+git push && git push --tags
+npm publish
+```
 
 ---
 

package/dist/fonts/HuspyIcons.css

@@ -1,9 +1,9 @@
 @font-face {
     font-family: "HuspyIcons";
-    src: url(".//HuspyIcons.ttf?b363bbdca57bbac1f0078b38d06bdec1") format("truetype"),
-url(".//HuspyIcons.woff?b363bbdca57bbac1f0078b38d06bdec1") format("woff"),
-url(".//HuspyIcons.woff2?b363bbdca57bbac1f0078b38d06bdec1") format("woff2"),
-url(".//HuspyIcons.eot?b363bbdca57bbac1f0078b38d06bdec1#iefix") format("embedded-opentype");
+    src: url(".//HuspyIcons.ttf?205afe71b5266cc3b69b2d08638c65ec") format("truetype"),
+url(".//HuspyIcons.woff?205afe71b5266cc3b69b2d08638c65ec") format("woff"),
+url(".//HuspyIcons.woff2?205afe71b5266cc3b69b2d08638c65ec") format("woff2"),
+url(".//HuspyIcons.eot?205afe71b5266cc3b69b2d08638c65ec#iefix") format("embedded-opentype");
 }
 
 .icon:before {
@@ -17,15 +17,30 @@ url(".//HuspyIcons.eot?b363bbdca57bbac1f0078b38d06bdec1#iefix") format("embedded
     -moz-osx-font-smoothing: grayscale;
 }
 
-.icon.huspy-icon-icon-slot:before {
+.icon.huspy-icon-user:before {
     content: "\f101";
 }
-.icon.huspy-icon-check:before {
+.icon.huspy-icon-search:before {
     content: "\f102";
 }
-.icon.huspy-icon-arrow-up-right:before {
+.icon.huspy-icon-icon-slot:before {
     content: "\f103";
 }
-.icon.huspy-icon-arrow-left:before {
+.icon.huspy-icon-eye-visible:before {
     content: "\f104";
 }
+.icon.huspy-icon-eye-hidden:before {
+    content: "\f105";
+}
+.icon.huspy-icon-edit:before {
+    content: "\f106";
+}
+.icon.huspy-icon-check:before {
+    content: "\f107";
+}
+.icon.huspy-icon-cancel:before {
+    content: "\f108";
+}
+.icon.huspy-icon-arrow-left:before {
+    content: "\f109";
+}

package/dist/fonts/HuspyIcons.json

@@ -1,6 +1,11 @@
 {
-  "icon-slot": 61697,
-  "check": 61698,
-  "arrow-up-right": 61699,
-  "arrow-left": 61700
+  "user": 61697,
+  "search": 61698,
+  "icon-slot": 61699,
+  "eye-visible": 61700,
+  "eye-hidden": 61701,
+  "edit": 61702,
+  "check": 61703,
+  "cancel": 61704,
+  "arrow-left": 61705
 }

package/dist/fonts/HuspyIcons.ts

@@ -1,19 +1,34 @@
 export type HuspyIconsId =
+  | "user"
+  | "search"
   | "icon-slot"
+  | "eye-visible"
+  | "eye-hidden"
+  | "edit"
   | "check"
-  | "arrow-up-right"
+  | "cancel"
   | "arrow-left";
 
 export enum HuspyIcons {
+  User = "user",
+  Search = "search",
   IconSlot = "icon-slot",
+  EyeVisible = "eye-visible",
+  EyeHidden = "eye-hidden",
+  Edit = "edit",
   Check = "check",
-  ArrowUpRight = "arrow-up-right",
+  Cancel = "cancel",
   ArrowLeft = "arrow-left",
 }
 
 export const HUSPY_ICONS_CODEPOINTS: { [key in HuspyIcons]: string } = {
-  [HuspyIcons.IconSlot]: "61697",
-  [HuspyIcons.Check]: "61698",
-  [HuspyIcons.ArrowUpRight]: "61699",
-  [HuspyIcons.ArrowLeft]: "61700",
+  [HuspyIcons.User]: "61697",
+  [HuspyIcons.Search]: "61698",
+  [HuspyIcons.IconSlot]: "61699",
+  [HuspyIcons.EyeVisible]: "61700",
+  [HuspyIcons.EyeHidden]: "61701",
+  [HuspyIcons.Edit]: "61702",
+  [HuspyIcons.Check]: "61703",
+  [HuspyIcons.Cancel]: "61704",
+  [HuspyIcons.ArrowLeft]: "61705",
 };

package/dist/native/index.d.ts

@@ -4,7 +4,7 @@ import { TextProps } from 'react-native';
 /**
  * Available icon names in the HuspyIcons font
  */
-type IconName = 'icon-slot' | 'check' | 'arrow-up-right' | 'arrow-left';
+type IconName = 'user' | 'search' | 'icon-slot' | 'eye-visible' | 'eye-hidden' | 'edit' | 'check' | 'cancel' | 'arrow-left';
 /**
  * Mapping of icon names to unicode codepoints
  * Used by the Icon component to render the correct glyph

package/dist/native/index.js

@@ -42,10 +42,15 @@ var import_react_native = require("react-native");
 
 // src/native/glyphMap.ts
 var glyphMap = {
-  "icon-slot": 61697,
-  "check": 61698,
-  "arrow-up-right": 61699,
-  "arrow-left": 61700
+  "user": 61697,
+  "search": 61698,
+  "icon-slot": 61699,
+  "eye-visible": 61700,
+  "eye-hidden": 61701,
+  "edit": 61702,
+  "check": 61703,
+  "cancel": 61704,
+  "arrow-left": 61705
 };
 var fontFamily = "HuspyIcons";
 
@@ -70,7 +75,12 @@ var Icon = ({ name, size = 16, color = "#000", style, ...props }) => {
           color,
           // Ensure icon doesn't inherit text styles
           fontWeight: "normal",
-          fontStyle: "normal"
+          fontStyle: "normal",
+          // Prevent text selection and ensure proper rendering
+          includeFontPadding: false,
+          // Android: removes extra padding
+          textAlignVertical: "center"
+          // Android: centers the glyph vertically
         },
         style
       ],

package/dist/native/index.js.map

@@ -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, Platform } 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        },\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\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 = 'icon-slot' | 'check' | 'arrow-up-right' | 'arrow-left';\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  \"icon-slot\": 61697,\n  \"check\": 61698,\n  \"arrow-up-right\": 61699,\n  \"arrow-left\": 61700\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,0BAA0C;;;ACWnC,IAAM,WAAqC;AAAA,EAChD,aAAa;AAAA,EACb,SAAS;AAAA,EACT,kBAAkB;AAAA,EAClB,cAAc;AAChB;AAKO,IAAM,aAAa;;;ADY1B,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,QACb;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":[]}
+{"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 = 'user' | 'search' | 'icon-slot' | 'eye-visible' | 'eye-hidden' | 'edit' | 'check' | 'cancel' | 'arrow-left';\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  \"user\": 61697,\n  \"search\": 61698,\n  \"icon-slot\": 61699,\n  \"eye-visible\": 61700,\n  \"eye-hidden\": 61701,\n  \"edit\": 61702,\n  \"check\": 61703,\n  \"cancel\": 61704,\n  \"arrow-left\": 61705\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,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,aAAa;AAAA,EACb,eAAe;AAAA,EACf,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,UAAU;AAAA,EACV,cAAc;AAChB;AAKO,IAAM,aAAa;;;ADO1B,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

@@ -30,12 +30,22 @@ declare function resolveSize(size?: IconSize): number;
 
 declare const SvgArrowLeft: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
 
-declare const SvgArrowUpRight: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
+declare const SvgCancel: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
 
 declare const SvgCheck: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
 
+declare const SvgEdit: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
+
+declare const SvgEyeHidden: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
+
+declare const SvgEyeVisible: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
+
 declare const SvgIconSlot: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
 
+declare const SvgSearch: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
+
+declare const SvgUser: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
+
 /**
  * Icon imports - using dynamic imports for tree-shaking
  * Auto-generated - do not edit manually
@@ -43,7 +53,7 @@ declare const SvgIconSlot: ({ size, ...props }: ReactIconProps) => React$1.JSX.E
 /**
  * Available icon names
  */
-type IconName = 'arrow-left' | 'arrow-up-right' | 'check' | 'icon-slot';
+type IconName = 'arrow-left' | 'cancel' | 'check' | 'edit' | 'eye-hidden' | 'eye-visible' | 'icon-slot' | 'search' | 'user';
 /**
  * Props for the unified Icon component
  */
@@ -58,4 +68,4 @@ interface IconProps extends Omit<ReactIconProps, 'size'> {
  */
 declare const Icon: ({ name, size, color, ...props }: IconProps) => React$1.JSX.Element | null;
 
-export { SvgArrowLeft as ArrowLeft, SvgArrowUpRight as ArrowUpRight, SvgCheck as Check, ICON_SIZES, Icon, type IconName, type IconProps, type IconSize, type IconSizeToken, SvgIconSlot as IconSlot, type ReactIconProps, resolveSize };
+export { SvgArrowLeft as ArrowLeft, SvgCancel as Cancel, SvgCheck as Check, SvgEdit as Edit, SvgEyeHidden as EyeHidden, SvgEyeVisible as EyeVisible, ICON_SIZES, Icon, type IconName, type IconProps, type IconSize, type IconSizeToken, SvgIconSlot as IconSlot, type ReactIconProps, SvgSearch as Search, SvgUser as User, resolveSize };

package/dist/react/index.d.ts

@@ -30,12 +30,22 @@ declare function resolveSize(size?: IconSize): number;
 
 declare const SvgArrowLeft: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
 
-declare const SvgArrowUpRight: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
+declare const SvgCancel: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
 
 declare const SvgCheck: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
 
+declare const SvgEdit: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
+
+declare const SvgEyeHidden: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
+
+declare const SvgEyeVisible: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
+
 declare const SvgIconSlot: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
 
+declare const SvgSearch: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
+
+declare const SvgUser: ({ size, ...props }: ReactIconProps) => React$1.JSX.Element;
+
 /**
  * Icon imports - using dynamic imports for tree-shaking
  * Auto-generated - do not edit manually
@@ -43,7 +53,7 @@ declare const SvgIconSlot: ({ size, ...props }: ReactIconProps) => React$1.JSX.E
 /**
  * Available icon names
  */
-type IconName = 'arrow-left' | 'arrow-up-right' | 'check' | 'icon-slot';
+type IconName = 'arrow-left' | 'cancel' | 'check' | 'edit' | 'eye-hidden' | 'eye-visible' | 'icon-slot' | 'search' | 'user';
 /**
  * Props for the unified Icon component
  */
@@ -58,4 +68,4 @@ interface IconProps extends Omit<ReactIconProps, 'size'> {
  */
 declare const Icon: ({ name, size, color, ...props }: IconProps) => React$1.JSX.Element | null;
 
-export { SvgArrowLeft as ArrowLeft, SvgArrowUpRight as ArrowUpRight, SvgCheck as Check, ICON_SIZES, Icon, type IconName, type IconProps, type IconSize, type IconSizeToken, SvgIconSlot as IconSlot, type ReactIconProps, resolveSize };
+export { SvgArrowLeft as ArrowLeft, SvgCancel as Cancel, SvgCheck as Check, SvgEdit as Edit, SvgEyeHidden as EyeHidden, SvgEyeVisible as EyeVisible, ICON_SIZES, Icon, type IconName, type IconProps, type IconSize, type IconSizeToken, SvgIconSlot as IconSlot, type ReactIconProps, SvgSearch as Search, SvgUser as User, resolveSize };