Merge branch 'prod'

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.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',