@quasar/extras 1.17.0 → 1.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. package/README.md +53 -30
  2. package/animate/animate-list.common.d.ts +101 -105
  3. package/animate/animate-list.d.ts +101 -105
  4. package/animate/animate-list.mjs +0 -1
  5. package/animate/flip.css +4 -2
  6. package/eva-icons/index.js +1 -1
  7. package/{mdi-v3/LICENSE → fontawesome-v7/LICENSE.txt} +78 -9
  8. package/fontawesome-v7/fa-brands-400.woff2 +0 -0
  9. package/fontawesome-v7/fa-regular-400.woff2 +0 -0
  10. package/fontawesome-v7/fa-solid-900.woff2 +0 -0
  11. package/fontawesome-v7/fa-v4compatibility.woff2 +0 -0
  12. package/fontawesome-v7/fontawesome-v7.css +10879 -0
  13. package/fontawesome-v7/icons.json +2862 -0
  14. package/fontawesome-v7/index.d.ts +2862 -0
  15. package/fontawesome-v7/index.js +2862 -0
  16. package/fontawesome-v7/index.mjs +2862 -0
  17. package/index.d.ts +63 -0
  18. package/ionicons-v8/index.d.ts +1 -1
  19. package/ionicons-v8/index.js +4 -4
  20. package/ionicons-v8/index.mjs +4 -4
  21. package/line-awesome/index.js +1 -1
  22. package/material-icons/web-font/flUhRq6tzZclQEJ-Vdg-IuiaDsNa.woff +0 -0
  23. package/material-icons-outlined/web-font/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUcY.woff +0 -0
  24. package/material-icons-round/web-font/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmJ.woff +0 -0
  25. package/material-icons-sharp/web-font/oPWQ_lt5nv4pWNJpghLP75WiFR4kLh3kvmvX.woff +0 -0
  26. package/material-symbols-outlined/icons.json +254 -49
  27. package/material-symbols-outlined/index.d.ts +254 -49
  28. package/material-symbols-outlined/index.js +1261 -1056
  29. package/material-symbols-outlined/index.mjs +1261 -1056
  30. package/material-symbols-outlined/web-font/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsLjBuVY.woff2 +0 -0
  31. package/material-symbols-outlined/web-font/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDCvHeel.woff +0 -0
  32. package/material-symbols-rounded/icons.json +254 -49
  33. package/material-symbols-rounded/index.d.ts +254 -49
  34. package/material-symbols-rounded/index.js +1696 -1491
  35. package/material-symbols-rounded/index.mjs +1696 -1491
  36. package/material-symbols-rounded/web-font/sykg-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190FjzaqkNCeE.woff2 +0 -0
  37. package/material-symbols-rounded/web-font/syl0-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190FjpZIvDmUSVOK7BDB_Qb9vUSzq3wzLK-P0J-V_Zs-QtQth3-jOcDTCVpeRL2w5rwZu2rIekXxE.woff +0 -0
  38. package/material-symbols-sharp/icons.json +254 -49
  39. package/material-symbols-sharp/index.d.ts +254 -49
  40. package/material-symbols-sharp/index.js +1218 -1013
  41. package/material-symbols-sharp/index.mjs +1218 -1013
  42. package/material-symbols-sharp/web-font/gNMVW2J8Roq16WD5tFNRaeLQk6-SHQ_R00k4aWHSSmlN.woff2 +0 -0
  43. package/material-symbols-sharp/web-font/gNNBW2J8Roq16WD5tFNRaeLQk6-SHQ_R00k4c2_whPnoY9ruReaU4bHmz74m0ZkGH-VBYe1x0TV6x4yFH8F-H_OdzEL3sVTgJtfbYxOLozCN.woff +0 -0
  44. package/mdi-v6/LICENSE +20 -20
  45. package/mdi-v6/license.md +20 -20
  46. package/mdi-v7/LICENSE +20 -20
  47. package/mdi-v7/index.js +1 -1
  48. package/mdi-v7/license.md +20 -20
  49. package/mdi-v7/mdi-v7.css +105 -105
  50. package/package.json +79 -38
  51. package/roboto-font/web-font/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjalmUiAw.woff +0 -0
  52. package/roboto-font/web-font/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuZtalmUiAw.woff +0 -0
  53. package/roboto-font/web-font/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabVmUiAw.woff +0 -0
  54. package/roboto-font/web-font/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWub2bVmUiAw.woff +0 -0
  55. package/roboto-font/web-font/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbFmUiAw.woff +0 -0
  56. package/roboto-font/web-font/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmUiAw.woff +0 -0
  57. package/roboto-font-latin-ext/web-font/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjalmaiAw.woff +0 -0
  58. package/roboto-font-latin-ext/web-font/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuZtalmaiAw.woff +0 -0
  59. package/roboto-font-latin-ext/web-font/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabVmaiAw.woff +0 -0
  60. package/roboto-font-latin-ext/web-font/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWub2bVmaiAw.woff +0 -0
  61. package/roboto-font-latin-ext/web-font/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbFmaiAw.woff +0 -0
  62. package/roboto-font-latin-ext/web-font/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmaiAw.woff +0 -0
  63. package/themify/index.js +1 -1
  64. package/material-symbols-outlined/update.sh +0 -31
  65. package/material-symbols-rounded/update.sh +0 -31
  66. package/material-symbols-sharp/update.sh +0 -31
  67. package/mdi-v3/materialdesignicons-webfont.woff +0 -0
  68. package/mdi-v3/materialdesignicons-webfont.woff2 +0 -0
  69. package/mdi-v3/mdi-v3.css +0 -15041
package/README.md CHANGED
@@ -1,3 +1,5 @@
1
+ <!-- This file is generated from build/README.template.md by the extras build. Do not edit README.md directly. -->
2
+
1
3
  ![Quasar Framework logo](https://cdn.quasar.dev/logo-v2/header.png)
2
4
 
3
5
  ## Quasar Framework Extras Package
@@ -22,27 +24,28 @@ Please make sure you have latest `@quasar/extras` npm package version installed
22
24
 
23
25
  | Vendor | Version | quasar.conf.js extras name | Description | Notes | License |
24
26
  | ------------------------------------------------------------------------------- | -------- | --------------------------- | ---------------------------------------------------- | ------------------------------ | -------------------------------------------- |
25
- | Roboto Font | CDN v47 | `roboto-font` | Recommended font along Material theme | | [License](roboto-font/LICENSE) |
26
- | Roboto Font Latin Extended | CDN v47 | `roboto-font-latin-ext` | Recommended font along Material theme | | [License](roboto-font-latin-ext/LICENSE) |
27
- | [Material Icons](https://material.io/tools/icons/?style=baseline) (Google) | CDN v143 | `material-icons` | Material icons font | Requires: @quasar/extras 1.2+ | [License](material-icons/LICENSE) |
28
- | [Material Icons Outlined](https://material.io/tools/icons/?style=outline) | CDN v109 | `material-icons-outlined` | Material icons outlined font | Requires: @quasar/extras 1.2+ | [License](material-icons-outlined/LICENSE) |
29
- | [Material Icons Round](https://material.io/tools/icons/?style=round) | CDN v108 | `material-icons-round` | Material icons round font | Requires: @quasar/extras 1.2+ | [License](material-icons-round/LICENSE) |
30
- | [Material Icons Sharp](https://material.io/tools/icons/?style=sharp) | CDN v109 | `material-icons-sharp` | Material icons sharp font | Requires: @quasar/extras 1.2+ | [License](material-icons-sharp/LICENSE) |
31
- | [Material Symbols Outlined](https://fonts.google.com/icons?icon.style=Outlined) | CDN v244 | `material-symbols-outlined` | Material symbols outlined font | Requires: @quasar/extras 1.14+ | [License](material-symbols-outlined/LICENSE) |
32
- | [Material Symbols Rounded](https://fonts.google.com/icons?icon.style=Rounded) | CDN v245 | `material-symbols-rounded` | Material symbols rounded font | Requires: @quasar/extras 1.14+ | [License](material-symbols-round/LICENSE) |
33
- | [Material Symbols Sharp](https://fonts.google.com/icons?icon.style=Sharp) | CDN v241 | `material-symbols-sharp` | Material symbols sharp font | Requires: @quasar/extras 1.14+ | [License](material-symbols-sharp/LICENSE) |
27
+ | Roboto Font | CDN v51 | `roboto-font` | Recommended font along Material theme | | [License](roboto-font/LICENSE) |
28
+ | Roboto Font Latin Extended | CDN v51 | `roboto-font-latin-ext` | Recommended font along Material theme | | [License](roboto-font-latin-ext/LICENSE) |
29
+ | [Material Icons](https://material.io/tools/icons/?style=baseline) (Google) | CDN v145 | `material-icons` | Material icons font | Requires: @quasar/extras 1.2+ | [License](material-icons/LICENSE) |
30
+ | [Material Icons Outlined](https://material.io/tools/icons/?style=outline) | CDN v110 | `material-icons-outlined` | Material icons outlined font | Requires: @quasar/extras 1.2+ | [License](material-icons-outlined/LICENSE) |
31
+ | [Material Icons Round](https://material.io/tools/icons/?style=round) | CDN v109 | `material-icons-round` | Material icons round font | Requires: @quasar/extras 1.2+ | [License](material-icons-round/LICENSE) |
32
+ | [Material Icons Sharp](https://material.io/tools/icons/?style=sharp) | CDN v110 | `material-icons-sharp` | Material icons sharp font | Requires: @quasar/extras 1.2+ | [License](material-icons-sharp/LICENSE) |
33
+ | [Material Symbols Outlined](https://fonts.google.com/icons?icon.style=Outlined) | CDN v322 | `material-symbols-outlined` | Material symbols outlined font | Requires: @quasar/extras 1.14+ | [License](material-symbols-outlined/LICENSE) |
34
+ | [Material Symbols Rounded](https://fonts.google.com/icons?icon.style=Rounded) | CDN v324 | `material-symbols-rounded` | Material symbols rounded font | Requires: @quasar/extras 1.14+ | [License](material-symbols-rounded/LICENSE) |
35
+ | [Material Symbols Sharp](https://fonts.google.com/icons?icon.style=Sharp) | CDN v319 | `material-symbols-sharp` | Material symbols sharp font | Requires: @quasar/extras 1.14+ | [License](material-symbols-sharp/LICENSE) |
34
36
  | [MDI v7](https://materialdesignicons.com/) (Material Design Icons) | 7.4.47 | `mdi-v7` | Extended Material Design icons font | Requires: @quasar/extras 1.15+ | [License](mdi-v7/LICENSE) |
35
- | MDI v6 (Material Design Icons) | 6.9.96 | `mdi-v6` | Extended Material Design icons font | | [License](mdi-v6/LICENSE) |
36
- | MDI v5 (Material Design Icons) | 5.9.55 | `mdi-v5` | Extended Material Design icons font | | [License](mdi-v5/LICENSE) |
37
+ | MDI v6 (Material Design Icons) | 6.6.95 | `mdi-v6` | Extended Material Design icons font | | [License](mdi-v6/LICENSE) |
38
+ | MDI v5 (Material Design Icons) | 5.8.55 | `mdi-v5` | Extended Material Design icons font | | [License](mdi-v5/LICENSE) |
37
39
  | MDI v4 (Material Design Icons) | 4.9.95 | `mdi-v4` | Extended Material Design icons font | | [License](mdi-v4/license.md) |
38
40
  | MDI v3 (Material Design Icons) | 3.6.95 | `mdi-v3` | Extended Material Design icons font | | [License](mdi-v3/LICENSE) |
39
- | [Font Awesome v6](https://fontawesome.com/icons) | 6.7.2 | `fontawesome-v6` | Fontawesome icons font | Requires: @quasar/extras 1.13+ | [License](fontawesome-v6/LICENSE.txt) |
41
+ | [Font Awesome v7](https://fontawesome.com/icons) | 7.2.0 | `fontawesome-v7` | Fontawesome icons font | Requires: @quasar/extras 1.18+ | [License](fontawesome-v7/LICENSE.txt) |
42
+ | Font Awesome v6 | 6.7.2 | `fontawesome-v6` | Fontawesome icons font | Requires: @quasar/extras 1.13+ | [License](fontawesome-v6/LICENSE.txt) |
40
43
  | Font Awesome v5 | 5.15.4 | `fontawesome-v5` | Fontawesome icons font | | [License](fontawesome-v5/LICENSE.txt) |
41
44
  | [Ionicons](https://ionicons.com/v4) | 4.6.3 | `ionicons-v4` | Ionicons font | | [License](ionicons-v4/LICENSE) |
42
45
  | [Eva Icons](https://akveo.github.io/eva-icons) | 1.1.3 | `eva-icons` | Eva Icons font | | [License](eva-icons/LICENSE) |
43
- | [Themify Icons](https://themify.me/themify-icons) | 1.0.1 | `themify` | Themify Icons font | | [License](themify/LICENSE) |
46
+ | [Themify Icons](https://themify.me/themify-icons) | 0.1.2 | `themify` | Themify Icons font | | [License](themify/LICENSE) |
44
47
  | [Line Awesome](https://icons8.com/line-awesome) | 1.3.0 | `line-awesome` | Line Awesome font | Requires: @quasar/extras 1.5+ | [License](line-awesome/LICENSE.md) |
45
- | [Bootstrap Icons](https://icons.getbootstrap.com/) | 1.13.1 | `bootstrap-icons` | Bootstrap Icons font | Requires: @quasar/extras 1.10+ | [License](bootstrap-icons/LICENSE.md) |
48
+ | [Bootstrap Icons](https://icons.getbootstrap.com/) | 1.13.1 | `bootstrap-icons` | Bootstrap Icons font | Requires: @quasar/extras 1.10+ | [License](bootstrap-icons/LICENSE) |
46
49
  | [Animate.css](https://animate.style/) | 4.1.1 | Use `animations` prop | Bundle of animations you can use in your website/app | | [License](animate/LICENSE) |
47
50
 
48
51
  > Install one of MDI v6, MDI v5, MDI v4 or MDI v3, but never together at the same time.
@@ -55,31 +58,51 @@ Please make sure you have latest `@quasar/extras` npm package version installed
55
58
 
56
59
  | Vendor | Version | Quasar IconSet name | Import Icons from | Notes | License |
57
60
  | ---------------------------------------------------------------------------------------- | -------- | ------------------------------- | ------------------------------------------ | --------------------------------------------------- | -------------------------------------------- |
58
- | [Material Icons](https://material.io/tools/icons/?style=baseline) (Google) | CDN v143 | `svg-material-icons` | `@quasar/extras/material-icons` | | [License](material-icons/LICENSE) |
59
- | [Material Icons Outlined](https://material.io/tools/icons/?style=outlined) (Google) | CDN v109 | `svg-material-icons-outlined` | `@quasar/extras/material-icons-outlined` | Requires: @quasar/extras 1.9+ | [License](material-icons-outlined/LICENSE) |
60
- | [Material Icons Round](https://material.io/tools/icons/?style=round) (Google) | CDN v108 | `svg-material-icons-round` | `@quasar/extras/material-icons-round` | Requires: @quasar/extras 1.9+ | [License](material-icons-round/LICENSE) |
61
- | [Material Icons Sharp](https://material.io/tools/icons/?style=sharp) (Google) | CDN v109 | `svg-material-icons-sharp` | `@quasar/extras/material-icons-sharp` | Requires: @quasar/extras 1.9+ | [License](material-icons-sharp/LICENSE) |
62
- | [Material Symbols Outlined](https://fonts.google.com/icons?icon.style=Outlined) (Google) | CDN v244 | `svg-material-symbols-outlined` | `@quasar/extras/material-symbols-outlined` | Requires: @quasar/extras 1.14+ | [License](material-symbols-outlined/LICENSE) |
63
- | [Material Symbols Rounded](https://fonts.google.com/icons?icon.style=Rounded) (Google) | CDN v245 | `svg-material-symbols-rounded` | `@quasar/extras/material-symbols-rounded` | Requires: @quasar/extras 1.14+ | [License](material-symbols-round/LICENSE) |
64
- | [Material Symbols Sharp](https://fonts.google.com/icons?icon.style=Sharp) (Google) | CDN v241 | `svg-material-symbols-sharp` | `@quasar/extras/material-symbols-sharp` | Requires: @quasar/extras 1.14+ | [License](material-symbols-sharp/LICENSE) |
61
+ | [Material Icons](https://material.io/tools/icons/?style=baseline) (Google) | CDN v145 | `svg-material-icons` | `@quasar/extras/material-icons` | | [License](material-icons/LICENSE) |
62
+ | [Material Icons Outlined](https://material.io/tools/icons/?style=outlined) (Google) | CDN v110 | `svg-material-icons-outlined` | `@quasar/extras/material-icons-outlined` | Requires: @quasar/extras 1.9+ | [License](material-icons-outlined/LICENSE) |
63
+ | [Material Icons Round](https://material.io/tools/icons/?style=round) (Google) | CDN v109 | `svg-material-icons-round` | `@quasar/extras/material-icons-round` | Requires: @quasar/extras 1.9+ | [License](material-icons-round/LICENSE) |
64
+ | [Material Icons Sharp](https://material.io/tools/icons/?style=sharp) (Google) | CDN v110 | `svg-material-icons-sharp` | `@quasar/extras/material-icons-sharp` | Requires: @quasar/extras 1.9+ | [License](material-icons-sharp/LICENSE) |
65
+ | [Material Symbols Outlined](https://fonts.google.com/icons?icon.style=Outlined) (Google) | CDN v322 | `svg-material-symbols-outlined` | `@quasar/extras/material-symbols-outlined` | Requires: @quasar/extras 1.14+ | [License](material-symbols-outlined/LICENSE) |
66
+ | [Material Symbols Rounded](https://fonts.google.com/icons?icon.style=Rounded) (Google) | CDN v324 | `svg-material-symbols-rounded` | `@quasar/extras/material-symbols-rounded` | Requires: @quasar/extras 1.14+ | [License](material-symbols-rounded/LICENSE) |
67
+ | [Material Symbols Sharp](https://fonts.google.com/icons?icon.style=Sharp) (Google) | CDN v319 | `svg-material-symbols-sharp` | `@quasar/extras/material-symbols-sharp` | Requires: @quasar/extras 1.14+ | [License](material-symbols-sharp/LICENSE) |
65
68
  | [MDI v7](https://materialdesignicons.com/) (Material Design Icons) | 7.4.47 | `svg-mdi-v7` | `@quasar/extras/mdi-v7` | | [License](mdi-v7/LICENSE) |
66
- | MDI v6 (Material Design Icons) | 6.9.96 | `svg-mdi-v6` | `@quasar/extras/mdi-v6` | | [License](mdi-v6/LICENSE) |
67
- | MDI v5 (Material Design Icons) | 5.9.55 | `svg-mdi-v5` | `@quasar/extras/mdi-v5` | | [License](mdi-v5/LICENSE) |
69
+ | MDI v6 (Material Design Icons) | 6.6.95 | `svg-mdi-v6` | `@quasar/extras/mdi-v6` | | [License](mdi-v6/LICENSE) |
70
+ | MDI v5 (Material Design Icons) | 5.8.55 | `svg-mdi-v5` | `@quasar/extras/mdi-v5` | | [License](mdi-v5/LICENSE) |
68
71
  | MDI v4 (Material Design Icons) | 4.9.95 | `svg-mdi-v4` | `@quasar/extras/mdi-v4` | | [License](mdi-v4/license.md) |
69
- | [Font Awesome v6](https://fontawesome.com/icons) | 6.7.2 | `svg-fontawesome-v6` | `@quasar/extras/fontawesome-v6` | Requires: @quasar/extras 1.13+ | [License](fontawesome-v5/LICENSE.txt) |
72
+ | [Font Awesome v7](https://fontawesome.com/icons) | 7.2.0 | `svg-fontawesome-v7` | `@quasar/extras/fontawesome-v7` | Requires: @quasar/extras 1.17+ | [License](fontawesome-v7/LICENSE.txt) |
73
+ | Font Awesome v6 | 6.7.2 | `svg-fontawesome-v6` | `@quasar/extras/fontawesome-v6` | Requires: @quasar/extras 1.13+ | [License](fontawesome-v6/LICENSE.txt) |
70
74
  | Font Awesome v5 | 5.15.4 | `svg-fontawesome-v5` | `@quasar/extras/fontawesome-v5` | | [License](fontawesome-v5/LICENSE.txt) |
71
- | [Ionicons v8](https://ionicons.com/) | 8.0.8 | `svg-ionicons-v8` | `@quasar/extras/ionicons-v8` | Requires: @quasar/extras 1.18+ | [Icon License](ionicons-v8/LICENSE) |
75
+ | [Ionicons v8](https://ionicons.com/) | 8.0.13 | `svg-ionicons-v8` | `@quasar/extras/ionicons-v8` | Requires: @quasar/extras 1.18+ | [Icon License](ionicons-v8/LICENSE) |
72
76
  | Ionicons v7 | 7.4.0 | `svg-ionicons-v7` | `@quasar/extras/ionicons-v7` | Requires: @quasar/extras 1.16+ | [Icon License](ionicons-v7/LICENSE) |
73
77
  | Ionicons v6 | 6.1.3 | `svg-ionicons-v6` | `@quasar/extras/ionicons-v6` | Requires: @quasar/extras 1.12+ | [Icon License](ionicons-v6/LICENSE) |
74
78
  | Ionicons v5 | 5.5.4 | `svg-ionicons-v5` | `@quasar/extras/ionicons-v5` | Requires: @quasar/extras 1.7+ | [Icon License](ionicons-v5/LICENSE) |
75
79
  | Ionicons v4 | 4.6.3 | `svg-ionicons-v4` | `@quasar/extras/ionicons-v4` | No icon font (woof) files for Ionicons since v4.6.3 | [Icon License](ionicons-v4/LICENSE) |
76
80
  | [Eva Icons](https://akveo.github.io/eva-icons) | 1.1.3 | `svg-eva-icons` | `@quasar/extras/eva-icons` | | [License](eva-icons/LICENSE) |
77
- | [Themify Icons](https://themify.me/themify-icons) | 1.0.1 | `svg-themify` | `@quasar/extras/themify` | | [License](themify/LICENSE) |
81
+ | [Themify Icons](https://themify.me/themify-icons) | 0.1.2 | `svg-themify` | `@quasar/extras/themify` | | [License](themify/LICENSE) |
78
82
  | [Line Awesome](https://icons8.com/line-awesome) | 1.3.0 | `svg-line-awesome` | `@quasar/extras/line-awesome` | Requires: @quasar/extras 1.5+ | [License](line-awesome/LICENSE.md) |
79
- | [Bootstrap Icons](https://icons.getbootstrap.com/) | 1.13.1 | `svg-bootstrap-icons` | `@quasar/extras/bootstrap-icons` | Requires: @quasar/extras 1.10+ | [License](bootstrap-icons/LICENSE.md) |
83
+ | [Bootstrap Icons](https://icons.getbootstrap.com/) | 1.13.1 | `svg-bootstrap-icons` | `@quasar/extras/bootstrap-icons` | Requires: @quasar/extras 1.10+ | [License](bootstrap-icons/LICENSE) |
80
84
 
81
85
  Example:
82
86
 
87
+ Using `<script setup>`:
88
+
89
+ ```html
90
+ // some .vue file in devland
91
+ <template>
92
+ <div>
93
+ <q-icon :name="matMenu" />
94
+ <q-btn :icon="mdiAbTesting" />
95
+ </div>
96
+ </template>
97
+
98
+ <script setup>
99
+ import { matMenu } from '@quasar/extras/material-icons'
100
+ import { mdiAbTesting } from '@quasar/extras/mdi-v5'
101
+ </script>
102
+ ```
103
+
104
+ Using the Options API:
105
+
83
106
  ```html
84
107
  // some .vue file in devland
85
108
  <template>
@@ -114,9 +137,9 @@ export default {
114
137
  | material-icons-outlined | o\_ | o_thumb_up | Notice the underline character instead of dash or space | |
115
138
  | material-icons-round | r\_ | r_thumb_up | Notice the underline character instead of dash or space | |
116
139
  | material-icons-sharp | s\_ | s_thumb_up | Notice the underline character instead of dash or space | |
117
- | 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 | |
118
- | fontawesome-v5 | fa[s,r,l,b,d] fa- | "fas fa-ambulance" | QIcon "name" property is same as "class" attribute value in Fontawesome docs examples (where they show `<i>` tags) | |
119
- | mdi-v5 | mdi- | mdi-alert-circle-outline | Notice the use of dash characters | |
140
+ | ionicons-v8 | 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 | |
141
+ | fontawesome-v7 | fa[s,r,l,b,d] fa- | "fas fa-ambulance" | QIcon "name" property is same as "class" attribute value in Fontawesome docs examples (where they show `<i>` tags) | |
142
+ | mdi-v7 | mdi- | mdi-alert-circle-outline | Notice the use of dash characters | |
120
143
  | eva-icons | eva- | eva-shield-outline, eva-activity-outline | Notice the use of dash characters | |
121
144
  | themify | ti- | ti-hand-point-up | Notice the use of dash characters | |
122
145
  | line-awesome | la[s,r,l,b,d] la- | "las la-atom" | QIcon "name" property is same as "class" attribute value in Line Awesome docs examples (where they show `<i>` tags) | |
package/animate/animate-list.common.d.ts CHANGED
@@ -1,107 +1,103 @@
1
+ export type generalAnimations =
2
+ | "bounce"
3
+ | "flash"
4
+ | "flip"
5
+ | "headShake"
6
+ | "heartBeat"
7
+ | "hinge"
8
+ | "jello"
9
+ | "pulse"
10
+ | "rubberBand"
11
+ | "shake"
12
+ | "shakeX"
13
+ | "shakeY"
14
+ | "swing"
15
+ | "tada"
16
+ | "wobble";
1
17
 
2
- export type generalAnimations =
3
- | 'bounce'
4
- | 'flash'
5
- | 'flip'
6
- | 'headShake'
7
- | 'heartBeat'
8
- | 'hinge'
9
- | 'jello'
10
- | 'pulse'
11
- | 'rubberBand'
12
- | 'shake'
13
- | 'shakeX'
14
- | 'shakeY'
15
- | 'swing'
16
- | 'tada'
17
- | 'wobble'
18
- ;
18
+ export type inAnimations =
19
+ | "backInDown"
20
+ | "backInLeft"
21
+ | "backInRight"
22
+ | "backInUp"
23
+ | "bounceIn"
24
+ | "bounceInDown"
25
+ | "bounceInLeft"
26
+ | "bounceInRight"
27
+ | "bounceInUp"
28
+ | "fadeIn"
29
+ | "fadeInBottomLeft"
30
+ | "fadeInBottomRight"
31
+ | "fadeInDown"
32
+ | "fadeInDownBig"
33
+ | "fadeInLeft"
34
+ | "fadeInLeftBig"
35
+ | "fadeInRight"
36
+ | "fadeInRightBig"
37
+ | "fadeInTopLeft"
38
+ | "fadeInTopRight"
39
+ | "fadeInUp"
40
+ | "fadeInUpBig"
41
+ | "flipInX"
42
+ | "flipInY"
43
+ | "jackInTheBox"
44
+ | "lightSpeedInLeft"
45
+ | "lightSpeedInRight"
46
+ | "rollIn"
47
+ | "rotateIn"
48
+ | "rotateInDownLeft"
49
+ | "rotateInDownRight"
50
+ | "rotateInUpLeft"
51
+ | "rotateInUpRight"
52
+ | "slideInDown"
53
+ | "slideInLeft"
54
+ | "slideInRight"
55
+ | "slideInUp"
56
+ | "zoomIn"
57
+ | "zoomInDown"
58
+ | "zoomInLeft"
59
+ | "zoomInRight"
60
+ | "zoomInUp";
19
61
 
20
- export type inAnimations =
21
- | 'backInDown'
22
- | 'backInLeft'
23
- | 'backInRight'
24
- | 'backInUp'
25
- | 'bounceIn'
26
- | 'bounceInDown'
27
- | 'bounceInLeft'
28
- | 'bounceInRight'
29
- | 'bounceInUp'
30
- | 'fadeIn'
31
- | 'fadeInBottomLeft'
32
- | 'fadeInBottomRight'
33
- | 'fadeInDown'
34
- | 'fadeInDownBig'
35
- | 'fadeInLeft'
36
- | 'fadeInLeftBig'
37
- | 'fadeInRight'
38
- | 'fadeInRightBig'
39
- | 'fadeInTopLeft'
40
- | 'fadeInTopRight'
41
- | 'fadeInUp'
42
- | 'fadeInUpBig'
43
- | 'flipInX'
44
- | 'flipInY'
45
- | 'jackInTheBox'
46
- | 'lightSpeedInLeft'
47
- | 'lightSpeedInRight'
48
- | 'rollIn'
49
- | 'rotateIn'
50
- | 'rotateInDownLeft'
51
- | 'rotateInDownRight'
52
- | 'rotateInUpLeft'
53
- | 'rotateInUpRight'
54
- | 'slideInDown'
55
- | 'slideInLeft'
56
- | 'slideInRight'
57
- | 'slideInUp'
58
- | 'zoomIn'
59
- | 'zoomInDown'
60
- | 'zoomInLeft'
61
- | 'zoomInRight'
62
- | 'zoomInUp'
63
- ;
64
-
65
- export type outAnimations =
66
- | 'backOutDown'
67
- | 'backOutLeft'
68
- | 'backOutRight'
69
- | 'backOutUp'
70
- | 'bounceOut'
71
- | 'bounceOutDown'
72
- | 'bounceOutLeft'
73
- | 'bounceOutRight'
74
- | 'bounceOutUp'
75
- | 'fadeOut'
76
- | 'fadeOutBottomLeft'
77
- | 'fadeOutBottomRight'
78
- | 'fadeOutDown'
79
- | 'fadeOutDownBig'
80
- | 'fadeOutLeft'
81
- | 'fadeOutLeftBig'
82
- | 'fadeOutRight'
83
- | 'fadeOutRightBig'
84
- | 'fadeOutTopLeft'
85
- | 'fadeOutTopRight'
86
- | 'fadeOutUp'
87
- | 'fadeOutUpBig'
88
- | 'flipOutX'
89
- | 'flipOutY'
90
- | 'lightSpeedOutLeft'
91
- | 'lightSpeedOutRight'
92
- | 'rollOut'
93
- | 'rotateOut'
94
- | 'rotateOutDownLeft'
95
- | 'rotateOutDownRight'
96
- | 'rotateOutUpLeft'
97
- | 'rotateOutUpRight'
98
- | 'slideOutDown'
99
- | 'slideOutLeft'
100
- | 'slideOutRight'
101
- | 'slideOutUp'
102
- | 'zoomOut'
103
- | 'zoomOutDown'
104
- | 'zoomOutLeft'
105
- | 'zoomOutRight'
106
- | 'zoomOutUp'
107
- ;
62
+ export type outAnimations =
63
+ | "backOutDown"
64
+ | "backOutLeft"
65
+ | "backOutRight"
66
+ | "backOutUp"
67
+ | "bounceOut"
68
+ | "bounceOutDown"
69
+ | "bounceOutLeft"
70
+ | "bounceOutRight"
71
+ | "bounceOutUp"
72
+ | "fadeOut"
73
+ | "fadeOutBottomLeft"
74
+ | "fadeOutBottomRight"
75
+ | "fadeOutDown"
76
+ | "fadeOutDownBig"
77
+ | "fadeOutLeft"
78
+ | "fadeOutLeftBig"
79
+ | "fadeOutRight"
80
+ | "fadeOutRightBig"
81
+ | "fadeOutTopLeft"
82
+ | "fadeOutTopRight"
83
+ | "fadeOutUp"
84
+ | "fadeOutUpBig"
85
+ | "flipOutX"
86
+ | "flipOutY"
87
+ | "lightSpeedOutLeft"
88
+ | "lightSpeedOutRight"
89
+ | "rollOut"
90
+ | "rotateOut"
91
+ | "rotateOutDownLeft"
92
+ | "rotateOutDownRight"
93
+ | "rotateOutUpLeft"
94
+ | "rotateOutUpRight"
95
+ | "slideOutDown"
96
+ | "slideOutLeft"
97
+ | "slideOutRight"
98
+ | "slideOutUp"
99
+ | "zoomOut"
100
+ | "zoomOutDown"
101
+ | "zoomOutLeft"
102
+ | "zoomOutRight"
103
+ | "zoomOutUp";
package/animate/animate-list.d.ts CHANGED
@@ -1,107 +1,103 @@
1
+ export type generalAnimations =
2
+ | "bounce"
3
+ | "flash"
4
+ | "flip"
5
+ | "headShake"
6
+ | "heartBeat"
7
+ | "hinge"
8
+ | "jello"
9
+ | "pulse"
10
+ | "rubberBand"
11
+ | "shake"
12
+ | "shakeX"
13
+ | "shakeY"
14
+ | "swing"
15
+ | "tada"
16
+ | "wobble";
1
17
 
2
- export type generalAnimations =
3
- | 'bounce'
4
- | 'flash'
5
- | 'flip'
6
- | 'headShake'
7
- | 'heartBeat'
8
- | 'hinge'
9
- | 'jello'
10
- | 'pulse'
11
- | 'rubberBand'
12
- | 'shake'
13
- | 'shakeX'
14
- | 'shakeY'
15
- | 'swing'
16
- | 'tada'
17
- | 'wobble'
18
- ;
18
+ export type inAnimations =
19
+ | "backInDown"
20
+ | "backInLeft"
21
+ | "backInRight"
22
+ | "backInUp"
23
+ | "bounceIn"
24
+ | "bounceInDown"
25
+ | "bounceInLeft"
26
+ | "bounceInRight"
27
+ | "bounceInUp"
28
+ | "fadeIn"
29
+ | "fadeInBottomLeft"
30
+ | "fadeInBottomRight"
31
+ | "fadeInDown"
32
+ | "fadeInDownBig"
33
+ | "fadeInLeft"
34
+ | "fadeInLeftBig"
35
+ | "fadeInRight"
36
+ | "fadeInRightBig"
37
+ | "fadeInTopLeft"
38
+ | "fadeInTopRight"
39
+ | "fadeInUp"
40
+ | "fadeInUpBig"
41
+ | "flipInX"
42
+ | "flipInY"
43
+ | "jackInTheBox"
44
+ | "lightSpeedInLeft"
45
+ | "lightSpeedInRight"
46
+ | "rollIn"
47
+ | "rotateIn"
48
+ | "rotateInDownLeft"
49
+ | "rotateInDownRight"
50
+ | "rotateInUpLeft"
51
+ | "rotateInUpRight"
52
+ | "slideInDown"
53
+ | "slideInLeft"
54
+ | "slideInRight"
55
+ | "slideInUp"
56
+ | "zoomIn"
57
+ | "zoomInDown"
58
+ | "zoomInLeft"
59
+ | "zoomInRight"
60
+ | "zoomInUp";
19
61
 
20
- export type inAnimations =
21
- | 'backInDown'
22
- | 'backInLeft'
23
- | 'backInRight'
24
- | 'backInUp'
25
- | 'bounceIn'
26
- | 'bounceInDown'
27
- | 'bounceInLeft'
28
- | 'bounceInRight'
29
- | 'bounceInUp'
30
- | 'fadeIn'
31
- | 'fadeInBottomLeft'
32
- | 'fadeInBottomRight'
33
- | 'fadeInDown'
34
- | 'fadeInDownBig'
35
- | 'fadeInLeft'
36
- | 'fadeInLeftBig'
37
- | 'fadeInRight'
38
- | 'fadeInRightBig'
39
- | 'fadeInTopLeft'
40
- | 'fadeInTopRight'
41
- | 'fadeInUp'
42
- | 'fadeInUpBig'
43
- | 'flipInX'
44
- | 'flipInY'
45
- | 'jackInTheBox'
46
- | 'lightSpeedInLeft'
47
- | 'lightSpeedInRight'
48
- | 'rollIn'
49
- | 'rotateIn'
50
- | 'rotateInDownLeft'
51
- | 'rotateInDownRight'
52
- | 'rotateInUpLeft'
53
- | 'rotateInUpRight'
54
- | 'slideInDown'
55
- | 'slideInLeft'
56
- | 'slideInRight'
57
- | 'slideInUp'
58
- | 'zoomIn'
59
- | 'zoomInDown'
60
- | 'zoomInLeft'
61
- | 'zoomInRight'
62
- | 'zoomInUp'
63
- ;
64
-
65
- export type outAnimations =
66
- | 'backOutDown'
67
- | 'backOutLeft'
68
- | 'backOutRight'
69
- | 'backOutUp'
70
- | 'bounceOut'
71
- | 'bounceOutDown'
72
- | 'bounceOutLeft'
73
- | 'bounceOutRight'
74
- | 'bounceOutUp'
75
- | 'fadeOut'
76
- | 'fadeOutBottomLeft'
77
- | 'fadeOutBottomRight'
78
- | 'fadeOutDown'
79
- | 'fadeOutDownBig'
80
- | 'fadeOutLeft'
81
- | 'fadeOutLeftBig'
82
- | 'fadeOutRight'
83
- | 'fadeOutRightBig'
84
- | 'fadeOutTopLeft'
85
- | 'fadeOutTopRight'
86
- | 'fadeOutUp'
87
- | 'fadeOutUpBig'
88
- | 'flipOutX'
89
- | 'flipOutY'
90
- | 'lightSpeedOutLeft'
91
- | 'lightSpeedOutRight'
92
- | 'rollOut'
93
- | 'rotateOut'
94
- | 'rotateOutDownLeft'
95
- | 'rotateOutDownRight'
96
- | 'rotateOutUpLeft'
97
- | 'rotateOutUpRight'
98
- | 'slideOutDown'
99
- | 'slideOutLeft'
100
- | 'slideOutRight'
101
- | 'slideOutUp'
102
- | 'zoomOut'
103
- | 'zoomOutDown'
104
- | 'zoomOutLeft'
105
- | 'zoomOutRight'
106
- | 'zoomOutUp'
107
- ;
62
+ export type outAnimations =
63
+ | "backOutDown"
64
+ | "backOutLeft"
65
+ | "backOutRight"
66
+ | "backOutUp"
67
+ | "bounceOut"
68
+ | "bounceOutDown"
69
+ | "bounceOutLeft"
70
+ | "bounceOutRight"
71
+ | "bounceOutUp"
72
+ | "fadeOut"
73
+ | "fadeOutBottomLeft"
74
+ | "fadeOutBottomRight"
75
+ | "fadeOutDown"
76
+ | "fadeOutDownBig"
77
+ | "fadeOutLeft"
78
+ | "fadeOutLeftBig"
79
+ | "fadeOutRight"
80
+ | "fadeOutRightBig"
81
+ | "fadeOutTopLeft"
82
+ | "fadeOutTopRight"
83
+ | "fadeOutUp"
84
+ | "fadeOutUpBig"
85
+ | "flipOutX"
86
+ | "flipOutY"
87
+ | "lightSpeedOutLeft"
88
+ | "lightSpeedOutRight"
89
+ | "rollOut"
90
+ | "rotateOut"
91
+ | "rotateOutDownLeft"
92
+ | "rotateOutDownRight"
93
+ | "rotateOutUpLeft"
94
+ | "rotateOutUpRight"
95
+ | "slideOutDown"
96
+ | "slideOutLeft"
97
+ | "slideOutRight"
98
+ | "slideOutUp"
99
+ | "zoomOut"
100
+ | "zoomOutDown"
101
+ | "zoomOutLeft"
102
+ | "zoomOutRight"
103
+ | "zoomOutUp";
package/animate/animate-list.mjs CHANGED
@@ -1,4 +1,3 @@
1
-
2
1
  export const generalAnimations = [
3
2
  'bounce',
4
3
  'flash',
package/animate/flip.css CHANGED
@@ -1,6 +1,7 @@
1
1
  @keyframes flip {
2
2
  from {
3
- transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
3
+ transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
4
+ rotate3d(0, 1, 0, -360deg);
4
5
  animation-timing-function: ease-out;
5
6
  }
6
7
 
@@ -23,7 +24,8 @@
23
24
  }
24
25
 
25
26
  to {
26
- transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
27
+ transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
28
+ rotate3d(0, 1, 0, 0deg);
27
29
  animation-timing-function: ease-in;
28
30
  }
29
31
  }
package/eva-icons/index.js CHANGED
@@ -489,4 +489,4 @@ module.exports.evaVolumeUpOutline = 'M18.28 8.37a1 1 0 1 0-1.56 1.26 4 4 0 0 1 0
489
489
  module.exports.evaWifi = 'M12 19 m-1, 0 a1,1 0 1,0 2,0 a1,1 0 1,0 -2,0M12 14a5 5 0 0 0-3.47 1.4 1 1 0 1 0 1.39 1.44 3.08 3.08 0 0 1 4.16 0 1 1 0 1 0 1.39-1.44A5 5 0 0 0 12 14zM12 9a9 9 0 0 0-6.47 2.75A1 1 0 0 0 7 13.14a7 7 0 0 1 10.08 0 1 1 0 0 0 .71.3 1 1 0 0 0 .72-1.69A9 9 0 0 0 12 9zM21.72 7.93a14 14 0 0 0-19.44 0 1 1 0 0 0 1.38 1.44 12 12 0 0 1 16.68 0 1 1 0 0 0 .69.28 1 1 0 0 0 .72-.31 1 1 0 0 0-.03-1.41z'
490
490
  module.exports.evaWifiOff = 'M12 19 m-1, 0 a1,1 0 1,0 2,0 a1,1 0 1,0 -2,0M12.44 11l-1.9-1.89-2.46-2.44-1.55-1.55-1.82-1.83a1 1 0 0 0-1.42 1.42l1.38 1.37 1.46 1.46 2.23 2.24 1.55 1.54 2.74 2.74 2.79 2.8 3.85 3.85a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42zM21.72 7.93A13.93 13.93 0 0 0 12 4a14.1 14.1 0 0 0-4.44.73l1.62 1.62a11.89 11.89 0 0 1 11.16 3 1 1 0 0 0 .69.28 1 1 0 0 0 .72-.31 1 1 0 0 0-.03-1.39zM3.82 6.65a14.32 14.32 0 0 0-1.54 1.28 1 1 0 0 0 1.38 1.44 13.09 13.09 0 0 1 1.6-1.29zM17 13.14a1 1 0 0 0 .71.3 1 1 0 0 0 .72-1.69A9 9 0 0 0 12 9h-.16l2.35 2.35A7 7 0 0 1 17 13.14zM7.43 10.26a8.8 8.8 0 0 0-1.9 1.49A1 1 0 0 0 7 13.14a7.3 7.3 0 0 1 2-1.41zM8.53 15.4a1 1 0 1 0 1.39 1.44 3.06 3.06 0 0 1 3.84-.25l-2.52-2.52a5 5 0 0 0-2.71 1.33z'
491
491
  module.exports.evaWifiOffOutline = 'M12 19 m-1, 0 a1,1 0 1,0 2,0 a1,1 0 1,0 -2,0M12.44 11l-1.9-1.89-2.46-2.44-1.55-1.55-1.82-1.83a1 1 0 0 0-1.42 1.42l1.38 1.37 1.46 1.46 2.23 2.24 1.55 1.54 2.74 2.74 2.79 2.8 3.85 3.85a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42zM21.72 7.93A13.93 13.93 0 0 0 12 4a14.1 14.1 0 0 0-4.44.73l1.62 1.62a11.89 11.89 0 0 1 11.16 3 1 1 0 0 0 .69.28 1 1 0 0 0 .72-.31 1 1 0 0 0-.03-1.39zM3.82 6.65a14.32 14.32 0 0 0-1.54 1.28 1 1 0 0 0 1.38 1.44 13.09 13.09 0 0 1 1.6-1.29zM17 13.14a1 1 0 0 0 .71.3 1 1 0 0 0 .72-1.69A9 9 0 0 0 12 9h-.16l2.35 2.35A7 7 0 0 1 17 13.14zM7.43 10.26a8.8 8.8 0 0 0-1.9 1.49A1 1 0 0 0 7 13.14a7.3 7.3 0 0 1 2-1.41zM8.53 15.4a1 1 0 1 0 1.39 1.44 3.06 3.06 0 0 1 3.84-.25l-2.52-2.52a5 5 0 0 0-2.71 1.33z'
492
- module.exports.evaWifiOutline = 'M12 19 m-1, 0 a1,1 0 1,0 2,0 a1,1 0 1,0 -2,0M12 14a5 5 0 0 0-3.47 1.4 1 1 0 1 0 1.39 1.44 3.08 3.08 0 0 1 4.16 0 1 1 0 1 0 1.39-1.44A5 5 0 0 0 12 14zM12 9a9 9 0 0 0-6.47 2.75A1 1 0 0 0 7 13.14a7 7 0 0 1 10.08 0 1 1 0 0 0 .71.3 1 1 0 0 0 .72-1.69A9 9 0 0 0 12 9zM21.72 7.93a14 14 0 0 0-19.44 0 1 1 0 0 0 1.38 1.44 12 12 0 0 1 16.68 0 1 1 0 0 0 .69.28 1 1 0 0 0 .72-.31 1 1 0 0 0-.03-1.41z'
492
+ module.exports.evaWifiOutline = 'M12 19 m-1, 0 a1,1 0 1,0 2,0 a1,1 0 1,0 -2,0M12 14a5 5 0 0 0-3.47 1.4 1 1 0 1 0 1.39 1.44 3.08 3.08 0 0 1 4.16 0 1 1 0 1 0 1.39-1.44A5 5 0 0 0 12 14zM12 9a9 9 0 0 0-6.47 2.75A1 1 0 0 0 7 13.14a7 7 0 0 1 10.08 0 1 1 0 0 0 .71.3 1 1 0 0 0 .72-1.69A9 9 0 0 0 12 9zM21.72 7.93a14 14 0 0 0-19.44 0 1 1 0 0 0 1.38 1.44 12 12 0 0 1 16.68 0 1 1 0 0 0 .69.28 1 1 0 0 0 .72-.31 1 1 0 0 0-.03-1.41z'