lucide-angular 0.373.0 → 0.375.0

package/README.md

@@ -1,3 +1,12 @@
+<p align="center">
+  <a href="https://github.com/lucide-icons/lucide#gh-light-mode-only">
+    <img src="https://lucide.dev/package-logos/lucide-angular.svg#gh-light-mode-only" alt="Lucide Angular - Implementation of the lucide icon library for angular applications." width="540">
+  </a>
+  <a href="https://github.com/lucide-icons/lucide#gh-dark-mode-only">
+    <img src="https://lucide.dev/package-logos/dark/lucide-angular.svg#gh-dark-mode-only" alt="Lucide Angular - Implementation of the lucide icon library for angular applications." width="540">
+  </a>
+</p>
+
 # Lucide Angular
 
 Implementation of the lucide icon library for angular applications.
@@ -16,96 +25,26 @@ or
 npm install lucide-angular
 ```
 
-## How to use
-
-### Step 1: Import `LucideAngularModule`
-
-In any Angular module you wish to use Lucide icons in, you have to import `LucideAngularModule`, and pick any icons you wish to use:
-
-```js
-import { LucideAngularModule, File, Home, Menu, UserCheck } from 'lucide-angular';
-
-@NgModule({
-  imports: [
-    LucideAngularModule.pick({File, Home, Menu, UserCheck})
-  ]
-})
-export class AppModule { }
-```
-
-### Step 2: Use the icons in templates
-
-Within your templates you may now use one of the following component tags to insert an icon:
-
-```html
-<lucide-angular name="file" class="my-icon"></lucide-angular>
-<lucide-icon name="home" class="my-icon"></lucide-icon>
-<i-lucide name="menu" class="my-icon"></i-lucide>
-<span-lucide name="user-check" class="my-icon"></span-lucide>
-```
-
-### Props
-
-You can pass additional props to adjust the icon appearance.
-
-| name               | type      | default      |
-| ------------------ | --------- | ------------ |
-| `size`             | _number_  | 24           |
-| `color`            | _string_  | currentColor |
-| `strokeWidth`      | _number_  | 2            |
-| `absoluteStrokeWidth` | _boolean_ | true         |
-
-```html
-<i-lucide name="home" [size]="48" color="red" [strokeWidth]="1"></i-lucide>
-```
-
-### Global configuration
-
-You can inject the `LucideIconConfig` service in your root component to globally configure the default property values as defined above.
-
-### Styling using a custom CSS class
-
-Any extra HTML attribute is ignored, but the `class` attribute
-is passed onto the internal SVG image element and it can be used to style it:
-
-```css
-svg.my-icon {
-    width: 12px;
-    height: 12px;
-    stroke-width: 3;
-}
-```
-
-## Injecting multiple icon providers
+## Documentation
 
-You may provide additional icons using the `LUCIDE_ICONS` injection token,
-which accepts multiple providers of the interface `LucideIconsProviderInterface`
-with the utility class `LucideIconsProvider` available for easier usage:
+For full documentation, visit [lucide.dev](https://lucide.dev/guide/packages/lucide-angular)
 
-```js
-import { LUCIDE_ICONS, LucideIconProvider } from 'lucide-angular';
-import { MyIcon } from './icons/my-icon';
+## Community
 
-const myIcons = {MyIcon};
+Join the [Discord server](https://discord.gg/EH6nSts) to chat with the maintainers and other users.
 
-@NgModule({
-  providers: [
-    {provide: LUCIDE_ICONS, multi: true, useValue: new LucideIconProvider(myIcons)},
-  ]
-})
-export class AppModule { }
-```
+## License
 
-To add custom icons, you will first need to convert them to an [svgson format](https://github.com/elrumordelaluz/svgson).
+Lucide is licensed under the ICS license. See [LICENSE](https://lucide.dev/license).
 
-## Loading all icons
+## Sponsors
 
-> :warning: You may also opt to import all icons if necessary using the following format but be aware that this will significantly increase your application build size.
+<a href="https://vercel.com?utm_source=lucide&utm_campaign=oss">
+  <img src="https://lucide.dev/vercel.svg" alt="Powered by Vercel" width="200" />
+</a>
 
-```js
-import { icons } from 'lucide-angular';
+<a href="https://www.digitalocean.com/?refcode=b0877a2caebd&utm_campaign=Referral_Invite&utm_medium=Referral_Program&utm_source=badge"><img src="https://lucide.dev/digitalocean.svg" width="200" alt="DigitalOcean Referral Badge" /></a>
 
-...
+### Awesome backer 🍺
 
-LucideAngularModule.pick(icons)
-```
+<a href="https://www.scipress.io?utm_source=lucide"><img src="https://lucide.dev/sponsors/scipress.svg" width="180" alt="Scipress sponsor badge" /></a>

package/aliases.d.ts

@@ -1202,6 +1202,10 @@ export { default as GraduationCapIcon } from './icons/graduation-cap';
 export { default as LucideGraduationCap } from './icons/graduation-cap';
 export { default as GrapeIcon } from './icons/grape';
 export { default as LucideGrape } from './icons/grape';
+export { default as Grid2x2CheckIcon } from './icons/grid-2x2-check';
+export { default as LucideGrid2x2Check } from './icons/grid-2x2-check';
+export { default as Grid2x2XIcon } from './icons/grid-2x2-x';
+export { default as LucideGrid2x2X } from './icons/grid-2x2-x';
 export { default as GripHorizontalIcon } from './icons/grip-horizontal';
 export { default as LucideGripHorizontal } from './icons/grip-horizontal';
 export { default as GripVerticalIcon } from './icons/grip-vertical';