PrimeIcon updates

assets/menu/menu.json

@@ -558,7 +558,8 @@
             "children": [
                 {
                     "name": "Prime Icons",
-                    "to": "/icons"
+                    "to": "/icons",
+                    "badge": "UPDATED"
                 },
                 {
                     "name": "Custom Icons",

doc/icons/FigmaDoc.vue

@@ -0,0 +1,8 @@
+<template>
+    <DocSectionText v-bind="$attrs">
+        <p>
+            PrimeIcons library is now available on <a href="https://www.figma.com/community/file/1354343849355792252/primeicons" target="_blank" rel="noopener noreferrer">Figma Community</a>. By adding them as a library, you can easily use these
+            icons in your designs.
+        </p>
+    </DocSectionText>
+</template>

doc/icons/ListDoc.vue

@@ -43,7 +43,24 @@ export default {
     },
     computed: {
         filteredIcons() {
-            if (this.filter) return this.icons.filter((icon) => icon.properties.name.indexOf(this.filter.toLowerCase()) > -1);
+            let sanitizedInput = this.filter?.replace(/[^\w\s]/gi, '').replace(/\s/g, '');
+
+            if (this.filter)
+                return this.icons.filter((icon) => {
+                    return (
+                        icon.icon.tags.some((tag) =>
+                            tag
+                                .replace(/[^\w\s]/gi, '')
+                                .replace(/\s/g, '')
+                                .includes(sanitizedInput.toLowerCase())
+                        ) ||
+                        icon.properties.name
+                            .replace(/[^\w\s]/gi, '')
+                            .replace(/\s/g, '')
+                            .toLowerCase()
+                            .includes(sanitizedInput.toLowerCase())
+                    );
+                });
             else return this.icons;
         }
     }

package-lock.json

@@ -38,7 +38,7 @@
                 "nuxt": "3.3.2",
                 "prettier": "2.7.1",
                 "primeflex": "^3.3.1",
-                "primeicons": "^6.0.1",
+                "primeicons": "^7.0.0",
                 "quill": "^1.3.7",
                 "rollup-plugin-postcss": "^4.0.0",
                 "rollup-plugin-terser": "^7.0.2",
@@ -13912,9 +13912,9 @@
             "dev": true
         },
         "node_modules/primeicons": {
-            "version": "6.0.1",
-            "resolved": "https://registry.npmjs.org/primeicons/-/primeicons-6.0.1.tgz",
-            "integrity": "sha512-KDeO94CbWI4pKsPnYpA1FPjo79EsY9I+M8ywoPBSf9XMXoe/0crjbUK7jcQEDHuc0ZMRIZsxH3TYLv4TUtHmAA==",
+            "version": "7.0.0",
+            "resolved": "https://registry.npmjs.org/primeicons/-/primeicons-7.0.0.tgz",
+            "integrity": "sha512-jK3Et9UzwzTsd6tzl2RmwrVY/b8raJ3QZLzoDACj+oTJ0oX7L9Hy+XnVwgo4QVKlKpnP/Ur13SXV/pVh4LzaDw==",
             "dev": true
         },
         "node_modules/process-nextick-args": {

package.json

@@ -66,7 +66,7 @@
         "nuxt": "3.3.2",
         "prettier": "2.7.1",
         "primeflex": "^3.3.1",
-        "primeicons": "^6.0.1",
+        "primeicons": "^7.0.0",
         "quill": "^1.3.7",
         "rollup-plugin-postcss": "^4.0.0",
         "rollup-plugin-terser": "^7.0.2",

pages/icons/index.vue

@@ -26,6 +26,7 @@ import BasicDoc from '@/doc/icons/BasicDoc.vue';
 import ColorDoc from '@/doc/icons/ColorDoc.vue';
 import ConstantsDoc from '@/doc/icons/ConstantsDoc.vue';
 import DownloadDoc from '@/doc/icons/DownloadDoc.vue';
+import FigmaDoc from '@/doc/icons/FigmaDoc.vue';
 import ImportDoc from '@/doc/icons/ImportDoc.vue';
 import ListDoc from '@/doc/icons/ListDoc.vue';
 import SizeDoc from '@/doc/icons/SizeDoc.vue';
@@ -45,6 +46,11 @@ export default {
                     label: 'Import',
                     component: ImportDoc
                 },
+                {
+                    id: 'figma',
+                    label: 'Figma',
+                    component: FigmaDoc
+                },
                 {
                     id: 'basic',
                     label: 'Basic',