@quasar/extras - npm Package Compare versions

Comparing version 1.2.0 to 1.3.0

package.json

 {
   "name": "@quasar/extras",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Quasar Framework fonts, icons and animations",
@@ -5,0 +5,0 @@ "repository": {

README.md

@@ -15,2 +15,4 @@ ![Quasar Framework logo](https://cdn.quasar.dev/logo/svg/quasar-logo-full-inline.svg)
 
+Please make sure you have latest `@quasar/extras` npm package version installed into your project folder in order for you to benefit from everything below.
+
 | Package | quasar.conf.js extras name | Version | Description | Notes |
@@ -24,3 +26,4 @@ | --- | --- | --- | --- | --- |
 | [Material Icons Sharp](https://material.io/tools/icons/?style=sharp) | `material-icons-sharp` | CDN v9 | Material icons sharp font | Requires: Quasar 1.0.5+, @quasar/extras 1.2.0+ |
-| [MDI](https://materialdesignicons.com/) (Material Design Icons) | `mdi-v3` | 3.6.95 | Extended Material Design icons font | |
+| [MDI v4](https://materialdesignicons.com/) (Material Design Icons) | `mdi-v4` | 4.1.95 | Extended Material Design icons font | |
+| MDI v3 (Material Design Icons) | `mdi-v3` | 3.6.95 | Extended Material Design icons font | |
 | [Font Awesome](https://fontawesome.com/icons?d=gallery) | `fontawesome-v5` | 5.9.0 | Fontawesome icons font | |
@@ -34,2 +37,20 @@ | [Ionicons](http://ionicons.com/) | `ionicons-v4` | 4.5.5 | Ionicons font | |
 
+### QIcon cheatsheet
+
+```html
+<q-icon name="..." />
+```
+
+| Name | Prefix | Examples | Notes |
+| --- | --- | --- | --- |
+| material-icons | *None* | thumb_up | Notice the underline character instead of dash or space |
+| material-icons-outlined | o_ | o_thumb_up | Notice the underline character instead of dash or space |
+| material-icons-round | r_ | r_thumb_up | Notice the underline character instead of dash or space |
+| material-icons-sharp | s_ | s_thumb_up | Notice the underline character instead of dash or space |
+| ionicons-v4 | ion-, ion-md-, ion-ios-, ion-logo- | ion-heart, ion-logo-npm, ion-md-airplane | Use QIcon instead of `<ion-icon>` component; Logo icons require 'ion-logo-' prefix |
+| fontawesome-v5 | fa[s,r,l,b] fa- | "fas fa-ambulance" | QIcon "name" property is same as "class" attribute value in Fontawesome docs examples (where they show `<i>` tags) |
+| mdi-v3 | mdi- | mdi-alert-circle-outline | Notice the use of dash characters |
+| eva-icons | eva- | eva-shield-outline, eva-activity-outline | Notice the use of dash characters |
+| themify | ti- | ti-hand-point-up | Notice the use of dash characters |
+
 ## Supporting Quasar
@@ -36,0 +57,0 @@ Quasar Framework is an MIT-licensed open source project. Its ongoing development is made possible thanks to the support by these awesome [backers](https://github.com/quasarframework/quasar/blob/dev/backers.md).

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Native code

Supply chain risk

Contains native code (e.g., compiled binaries or shared libraries). Including native code can obscure malicious behavior.

Found 5 instances in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

3262278

increased by36.61%

Number of package files

142

increased by10.08%

Lines of code

33369

increased by62.44%

Number of lines in readme file

80

increased by35.59%

Worsened metrics

Number of medium supply chain risk alerts

5

increased byInfinity%

No dependency changes