Merge branch 'main' of https://github.com/lucide-icons/lucide into si…

…te-update

icons/user-square.json → icons/circle-user-round.json

@@ -11,5 +11,8 @@
   "categories": [
     "account",
     "shapes"
+  ],
+  "aliases": [
+    "user-circle-2"
   ]
 }

icons/user-square-2.json → icons/circle-user.json

@@ -11,5 +11,8 @@
   "categories": [
     "account",
     "shapes"
+  ],
+  "aliases": [
+    "user-circle"
   ]
-}
+}

icons/user-circle-2.json → icons/square-user-round.json

@@ -11,5 +11,8 @@
   "categories": [
     "account",
     "shapes"
+  ],
+  "aliases": [
+    "user-square-2"
   ]
 }

icons/user-circle.json → icons/square-user.json

@@ -11,5 +11,8 @@
   "categories": [
     "account",
     "shapes"
+  ],
+  "aliases": [
+    "user-square"
   ]
-}
+}

icons/user-check-2.json → icons/user-round-check.json

@@ -14,5 +14,8 @@
   ],
   "categories": [
     "account"
+  ],
+  "aliases": [
+    "user-check-2"
   ]
 }

icons/user-cog-2.json → icons/user-round-cog.json

@@ -11,5 +11,8 @@
   ],
   "categories": [
     "account"
+  ],
+  "aliases": [
+    "user-cog-2"
   ]
 }

icons/user-minus-2.json → icons/user-round-minus.json

@@ -11,5 +11,8 @@
   ],
   "categories": [
     "account"
+  ],
+  "aliases": [
+    "user-minus-2"
   ]
 }

icons/user-plus-2.json → icons/user-round-plus.json

@@ -12,5 +12,8 @@
   ],
   "categories": [
     "account"
+  ],
+  "aliases": [
+    "user-plus-2"
   ]
 }

icons/user-x-2.json → icons/user-round-x.json

@@ -12,5 +12,8 @@
   ],
   "categories": [
     "account"
+  ],
+  "aliases": [
+    "user-x-2"
   ]
 }

icons/user-2.json → icons/user-round.json

@@ -10,5 +10,8 @@
   ],
   "categories": [
     "account"
+  ],
+  "aliases": [
+    "user-2"
   ]
 }

icons/users-2.json → icons/users-round.json

@@ -9,5 +9,8 @@
   ],
   "categories": [
     "account"
+  ],
+  "aliases": [
+    "users-2"
   ]
 }

packages/lucide-angular/src/lib/lucide-angular.component.spec.ts

@@ -28,6 +28,12 @@ describe('LucideAngularComponent', () => {
     expect(testHostComponent).toBeTruthy();
   });
 
+  it('should add all classes', () => {
+    testHostFixture.detectChanges();
+
+    expect(getSvgAttribute('class')).toBe('lucide lucide-demo my-icon');
+  });
+
   it('should set color', () => {
     const color = 'red';
     testHostComponent.setColor(color);
@@ -65,6 +71,7 @@ describe('LucideAngularComponent', () => {
     selector: 'lucide-spec-host-component',
     template: ` <i-lucide
       name="demo"
+      class="my-icon"
       [color]="color"
       [size]="size"
       [strokeWidth]="strokeWidth"

packages/lucide-preact/package.json

@@ -43,16 +43,16 @@
     "version": "pnpm version --git-tag-version=false"
   },
   "devDependencies": {
-    "@lucide/rollup-plugins": "workspace:*",
     "@lucide/build-icons": "workspace:*",
-    "@preact/preset-vite": "^2.4.0",
-    "@testing-library/jest-dom": "^5.16.5",
+    "@lucide/rollup-plugins": "workspace:*",
+    "@preact/preset-vite": "^2.7.0",
+    "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/preact": "^2.0.1",
-    "preact": "^10.11.2",
-    "rollup": "^3.5.1",
-    "typescript": "^4.8.4",
-    "vite": "^4.3.9",
-    "vitest": "^0.32.2"
+    "preact": "^10.19.2",
+    "rollup": "^3.29.4",
+    "typescript": "^4.9.5",
+    "vite": "^4.5.0",
+    "vitest": "^0.32.4"
   },
   "peerDependencies": {
     "preact": "^10.5.13"

packages/lucide-preact/src/createLucideIcon.ts

@@ -22,7 +22,7 @@ export const toKebabCase = (string: string) => string.replace(/([a-z0-9])([A-Z])
 
 const createLucideIcon = (iconName: string, iconNode: IconNode): FunctionComponent<LucideProps> => {
   const Component = (
-    { color = 'currentColor', size = 24, strokeWidth = 2, absoluteStrokeWidth, children, ...rest }: LucideProps
+    { color = 'currentColor', size = 24, strokeWidth = 2, absoluteStrokeWidth, children, class: classes = '', ...rest }: LucideProps
   ) =>
     h(
       'svg' as unknown as ComponentType<Partial<JSX.SVGAttributes<SVGElement> & { 'stroke-width': number | string }>>,
@@ -32,7 +32,7 @@ const createLucideIcon = (iconName: string, iconNode: IconNode): FunctionCompone
         height: size,
         stroke: color,
         ['stroke-width' as 'strokeWidth']: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
-        class: `lucide lucide-${toKebabCase(iconName)}`,
+        class: ['lucide', `lucide-${toKebabCase(iconName)}`, classes].join(' '),
         ...rest,
       },
       [...iconNode.map(([tag, attrs]) => h(tag, attrs)), ...toChildArray(children)],

packages/lucide-preact/tests/__snapshots__/lucide-preact.spec.tsx.snap

@@ -1,7 +1,7 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`Using lucide icon components > should adjust the size, stroke color and stroke width 1`] = `"<svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"48\\" height=\\"48\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\" stroke=\\"red\\" stroke-width=\\"4\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" class=\\"lucide lucide-grid3x3\\" data-testid=\\"grid-icon\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"3\\" rx=\\"2\\"></rect><path d=\\"M3 9h18\\"></path><path d=\\"M3 15h18\\"></path><path d=\\"M9 3v18\\"></path><path d=\\"M15 3v18\\"></path></svg>"`;
+exports[`Using lucide icon components > should adjust the size, stroke color and stroke width 1`] = `"<svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"48\\" height=\\"48\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\" stroke=\\"red\\" stroke-width=\\"4\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" class=\\"lucide lucide-grid3x3 \\" data-testid=\\"grid-icon\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"3\\" rx=\\"2\\"></rect><path d=\\"M3 9h18\\"></path><path d=\\"M3 15h18\\"></path><path d=\\"M9 3v18\\"></path><path d=\\"M15 3v18\\"></path></svg>"`;
 
-exports[`Using lucide icon components > should not scale the strokeWidth when absoluteStrokeWidth is set 1`] = `"<svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"48\\" height=\\"48\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\" stroke=\\"red\\" stroke-width=\\"1\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" class=\\"lucide lucide-grid3x3\\" data-testid=\\"grid-icon\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"3\\" rx=\\"2\\"></rect><path d=\\"M3 9h18\\"></path><path d=\\"M3 15h18\\"></path><path d=\\"M9 3v18\\"></path><path d=\\"M15 3v18\\"></path></svg>"`;
+exports[`Using lucide icon components > should not scale the strokeWidth when absoluteStrokeWidth is set 1`] = `"<svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"48\\" height=\\"48\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\" stroke=\\"red\\" stroke-width=\\"1\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" class=\\"lucide lucide-grid3x3 \\" data-testid=\\"grid-icon\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"3\\" rx=\\"2\\"></rect><path d=\\"M3 9h18\\"></path><path d=\\"M3 15h18\\"></path><path d=\\"M9 3v18\\"></path><path d=\\"M15 3v18\\"></path></svg>"`;
 
-exports[`Using lucide icon components > should render an component 1`] = `"<svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"24\\" height=\\"24\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\" stroke=\\"currentColor\\" stroke-width=\\"2\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" class=\\"lucide lucide-grid3x3\\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"3\\" rx=\\"2\\"></rect><path d=\\"M3 9h18\\"></path><path d=\\"M3 15h18\\"></path><path d=\\"M9 3v18\\"></path><path d=\\"M15 3v18\\"></path></svg>"`;
+exports[`Using lucide icon components > should render an component 1`] = `"<svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"24\\" height=\\"24\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\" stroke=\\"currentColor\\" stroke-width=\\"2\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\" class=\\"lucide lucide-grid3x3 \\"><rect width=\\"18\\" height=\\"18\\" x=\\"3\\" y=\\"3\\" rx=\\"2\\"></rect><path d=\\"M3 9h18\\"></path><path d=\\"M3 15h18\\"></path><path d=\\"M9 3v18\\"></path><path d=\\"M15 3v18\\"></path></svg>"`;

packages/lucide-preact/tests/lucide-preact.spec.tsx

@@ -1,6 +1,6 @@
 import { describe, it, expect } from 'vitest';
 import { render, cleanup } from '@testing-library/preact'
-import { Pen, Edit2, Grid } from '../src/lucide-preact';
+import { Pen, Edit2, Grid, Droplet } from '../src/lucide-preact';
 
 type AttributesAssertion = { attributes: Record<string, { value: string }>}
 
@@ -76,4 +76,15 @@ describe('Using lucide icon components', () => {
     expect(attributes['stroke-width'].value).toBe('1');
     expect( container.innerHTML ).toMatchSnapshot();
   });
+
+  it('should apply all classes to the element', () => {
+    const testClass = 'my-class';
+    const { container } = render(
+      <Droplet class={testClass} />,
+    );
+
+    expect(container.firstChild).toHaveClass(testClass);
+    expect(container.firstChild).toHaveClass('lucide');
+    expect(container.firstChild).toHaveClass('lucide-droplet');
+  });
 })

packages/lucide-preact/tsconfig.json

@@ -19,6 +19,7 @@
     "outDir": "./dist",
     "jsx": "react-jsx",
     "jsxImportSource": "preact",
+    "types": ["@testing-library/jest-dom"],
   },
   "exclude": ["**/node_modules"]
 }