@brightlocal/icons 0.1.1 → 0.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightlocal/icons",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "BrightLocal Design System Icons - Lucide defaults and custom icons",
   "type": "module",
   "private": false,
@@ -10,6 +10,7 @@
     "dist",
     "src",
     "README.md",
+    "CHANGELOG.md",
     "LICENSE",
     "package.json"
   ],
@@ -109,11 +110,17 @@
   },
   "scripts": {
     "generate:icons": "tsx scripts/generate-icons.ts",
+    "generate:lucide-exports": "tsx scripts/generate-lucide-exports.ts",
     "lint": "eslint . --max-warnings 0",
     "lint:fix": "eslint . --max-warnings 0 --fix",
     "typecheck": "tsc --noEmit",
     "clean": "rm -rf dist",
-    "build": "pnpm run clean && vite build"
+    "build": "pnpm run clean && vite build",
+    "rel:patch": "node scripts/changeset-create.mjs patch",
+    "rel:minor": "node scripts/changeset-create.mjs minor",
+    "rel:major": "node scripts/changeset-create.mjs major",
+    "version:bump": "node scripts/version-bump.mjs",
+    "release": "node scripts/release.mjs"
   },
   "peerDependencies": {
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0",

package/src/icons/dynamic-icon.tsx

@@ -27,6 +27,12 @@ export interface DynamicIconProps extends React.ComponentProps<"svg"> {
    * @default 1.33
    */
   strokeWidth?: number;
+  /**
+   * When true, keeps stroke width consistent regardless of icon size.
+   * Uses formula: strokeWidth * 24 / size
+   * @default true
+   */
+  absoluteStrokeWidth?: boolean;
 }
 
 /**
@@ -77,7 +83,7 @@ for (const [name, loader] of Object.entries(iconImports)) {
  * </React.Suspense>
  */
 export const DynamicIcon = React.forwardRef<SVGSVGElement, DynamicIconProps>(
-  ({ name, size = 24, ...props }, ref) => {
+  ({ name, size = 24, strokeWidth = 1.33, absoluteStrokeWidth = true, ...props }, ref) => {
     const Icon = lazyIcons[name];
 
     if (!Icon) {
@@ -87,7 +93,7 @@ export const DynamicIcon = React.forwardRef<SVGSVGElement, DynamicIconProps>(
 
     return (
       <React.Suspense fallback={null}>
-        <Icon ref={ref} size={size} {...props} />
+        <Icon ref={ref} absoluteStrokeWidth={absoluteStrokeWidth} size={size} strokeWidth={strokeWidth} {...props} />
       </React.Suspense>
     );
   }

package/src/icons/icon.tsx

@@ -18,6 +18,11 @@ export interface IconProps extends Omit<LucideProps, "ref" | "name"> {
    * Additional class names to apply to the icon
    */
   className?: string;
+  /**
+   * Stroke width for line icons
+   * @default 1.33
+   */
+  strokeWidth?: number;
 }
 
 /**
@@ -37,7 +42,7 @@ export interface IconProps extends Omit<LucideProps, "ref" | "name"> {
  * <Icon customIcon={MyCustomIcon} className="w-6 h-6" />
  */
 export const Icon = React.forwardRef<SVGSVGElement, IconProps>(
-  ({ name, customIcon, className, size = 24, ...props }, ref) => {
+  ({ name, customIcon, className, size = 24, strokeWidth = 1.33, ...props }, ref) => {
     // Render custom icon if provided
     if (customIcon) {
       const CustomIcon = customIcon;
@@ -65,6 +70,7 @@ export const Icon = React.forwardRef<SVGSVGElement, IconProps>(
           ref={ref}
           className={className}
           size={size}
+          strokeWidth={strokeWidth}
           {...props}
         />
       );
@@ -83,6 +89,7 @@ export const Icon = React.forwardRef<SVGSVGElement, IconProps>(
         ref={ref}
         className={className}
         size={size}
+        strokeWidth={strokeWidth}
         {...props}
       />
     );