feat(icons): add category filtering and mobile category sheet

package.json

@@ -17,7 +17,7 @@
     "@gravity-ui/date-components": "^3.4.2",
     "@gravity-ui/date-utils": "^2.6.0",
     "@gravity-ui/graph": "^1.9.1",
-    "@gravity-ui/icons": "^2.21.0",
+    "@gravity-ui/icons": "^2.22.0",
     "@gravity-ui/illustrations": "^2.1.1",
     "@gravity-ui/markdown-editor": "^15.1.0",
     "@gravity-ui/navigation": "^6.3.1",

public/locales/de/icons.json

@@ -15,5 +15,38 @@
     "usage_reactComponent": "React-Komponente",
     "usage_svg": "SVG",
     "imageSearch_tooltip": "Nach Bild suchen (oder aus der Zwischenablage einfügen)",
-    "imageSearch_drop": "Bild hierher ziehen, um ähnliche Icons zu suchen"
-}
+    "imageSearch_drop": "Bild hierher ziehen, um ähnliche Icons zu suchen",
+    "category": "Kategorie",
+    "allIcons": "Alle Icons",
+    "categoriesLabel": "Icon-Kategorien",
+    "mobileCategoriesLabel": "Mobile Icon-Kategorien",
+    "categories": {
+        "arrows": "Pfeile",
+        "layout": "Layout",
+        "text": "Text",
+        "status": "Status",
+        "files": "Dateien",
+        "shapes": "Formen",
+        "development": "Entwicklung",
+        "editor": "Editor",
+        "people": "Personen",
+        "media": "Medien",
+        "brands": "Marken",
+        "charts": "Diagramme",
+        "commerce": "Handel",
+        "communication": "Kommunikation",
+        "games": "Spiele",
+        "devices": "Geräte",
+        "maps": "Karten",
+        "tools": "Werkzeuge",
+        "math": "Mathematik",
+        "security": "Sicherheit",
+        "cloud": "Cloud",
+        "finance": "Finanzen",
+        "health": "Gesundheit",
+        "transport": "Transport",
+        "weather": "Wetter",
+        "time": "Zeit",
+        "food": "Essen"
+    }
+}

public/locales/en/icons.json

@@ -15,5 +15,38 @@
     "usage_reactComponent": "React component",
     "usage_svg": "SVG",
     "imageSearch_tooltip": "Search by image (or paste from clipboard)",
-    "imageSearch_drop": "Drop image to search for similar icons"
-}
+    "imageSearch_drop": "Drop image to search for similar icons",
+    "category": "Category",
+    "allIcons": "All icons",
+    "categoriesLabel": "Icon categories",
+    "mobileCategoriesLabel": "Mobile icon categories",
+    "categories": {
+        "arrows": "Arrows",
+        "layout": "Layout",
+        "text": "Text",
+        "status": "Status",
+        "files": "Files",
+        "shapes": "Shapes",
+        "development": "Development",
+        "editor": "Editor",
+        "people": "People",
+        "media": "Media",
+        "brands": "Brands",
+        "charts": "Charts",
+        "commerce": "Commerce",
+        "communication": "Communication",
+        "games": "Games",
+        "devices": "Devices",
+        "maps": "Maps",
+        "tools": "Tools",
+        "math": "Math",
+        "security": "Security",
+        "cloud": "Cloud",
+        "finance": "Finance",
+        "health": "Health",
+        "transport": "Transport",
+        "weather": "Weather",
+        "time": "Time",
+        "food": "Food"
+    }
+}

public/locales/es/icons.json

@@ -15,5 +15,38 @@
     "usage_reactComponent": "Componente React",
     "usage_svg": "SVG",
     "imageSearch_tooltip": "Buscar por imagen (o pegar desde el portapapeles)",
-    "imageSearch_drop": "Arrastra una imagen para buscar iconos similares"
-}
+    "imageSearch_drop": "Arrastra una imagen para buscar iconos similares",
+    "category": "Categoría",
+    "allIcons": "Todos los iconos",
+    "categoriesLabel": "Categorías de iconos",
+    "mobileCategoriesLabel": "Categorías de iconos para móviles",
+    "categories": {
+        "arrows": "Flechas",
+        "layout": "Diseño",
+        "text": "Texto",
+        "status": "Estado",
+        "files": "Archivos",
+        "shapes": "Formas",
+        "development": "Desarrollo",
+        "editor": "Editor",
+        "people": "Personas",
+        "media": "Multimedia",
+        "brands": "Marcas",
+        "charts": "Gráficos",
+        "commerce": "Comercio",
+        "communication": "Comunicación",
+        "games": "Juegos",
+        "devices": "Dispositivos",
+        "maps": "Mapas",
+        "tools": "Herramientas",
+        "math": "Matemáticas",
+        "security": "Seguridad",
+        "cloud": "Nube",
+        "finance": "Finanzas",
+        "health": "Salud",
+        "transport": "Transporte",
+        "weather": "Clima",
+        "time": "Tiempo",
+        "food": "Comida"
+    }
+}

public/locales/fr/icons.json

@@ -15,5 +15,38 @@
     "usage_reactComponent": "Composant React",
     "usage_svg": "SVG",
     "imageSearch_tooltip": "Rechercher par image (ou coller depuis le presse-papiers)",
-    "imageSearch_drop": "Déposer une image pour rechercher des icônes similaires"
-}
+    "imageSearch_drop": "Déposer une image pour rechercher des icônes similaires",
+    "category": "Catégorie",
+    "allIcons": "Toutes les icônes",
+    "categoriesLabel": "Catégories d’icônes",
+    "mobileCategoriesLabel": "Catégories d’icônes sur mobile",
+    "categories": {
+        "arrows": "Flèches",
+        "layout": "Mise en page",
+        "text": "Texte",
+        "status": "Statut",
+        "files": "Fichiers",
+        "shapes": "Formes",
+        "development": "Développement",
+        "editor": "Éditeur",
+        "people": "Personnes",
+        "media": "Médias",
+        "brands": "Marques",
+        "charts": "Graphiques",
+        "commerce": "Commerce",
+        "communication": "Communication",
+        "games": "Jeux",
+        "devices": "Appareils",
+        "maps": "Cartes",
+        "tools": "Outils",
+        "math": "Mathématiques",
+        "security": "Sécurité",
+        "cloud": "Cloud",
+        "finance": "Finance",
+        "health": "Santé",
+        "transport": "Transport",
+        "weather": "Météo",
+        "time": "Temps",
+        "food": "Alimentation"
+    }
+}

public/locales/ja/icons.json

@@ -15,5 +15,38 @@
     "usage_reactComponent": "Reactコンポーネント",
     "usage_svg": "SVG",
     "imageSearch_tooltip": "画像で検索（またはクリップボードから貼り付け）",
-    "imageSearch_drop": "画像をドロップして類似アイコンを検索"
-}
+    "imageSearch_drop": "画像をドロップして類似アイコンを検索",
+    "category": "カテゴリー",
+    "allIcons": "すべてのアイコン",
+    "categoriesLabel": "アイコンのカテゴリー",
+    "mobileCategoriesLabel": "モバイル用アイコンのカテゴリー",
+    "categories": {
+        "arrows": "矢印",
+        "layout": "レイアウト",
+        "text": "テキスト",
+        "status": "ステータス",
+        "files": "ファイル",
+        "shapes": "図形",
+        "development": "開発",
+        "editor": "エディター",
+        "people": "人物",
+        "media": "メディア",
+        "brands": "ブランド",
+        "charts": "チャート",
+        "commerce": "コマース",
+        "communication": "コミュニケーション",
+        "games": "ゲーム",
+        "devices": "デバイス",
+        "maps": "地図",
+        "tools": "ツール",
+        "math": "数学",
+        "security": "セキュリティ",
+        "cloud": "クラウド",
+        "finance": "金融",
+        "health": "健康",
+        "transport": "交通",
+        "weather": "天気",
+        "time": "時間",
+        "food": "食べ物"
+    }
+}

public/locales/ko/icons.json

@@ -15,5 +15,38 @@
     "usage_reactComponent": "React 컴포넌트",
     "usage_svg": "SVG",
     "imageSearch_tooltip": "이미지로 검색 (또는 클립보드에서 붙여넣기)",
-    "imageSearch_drop": "이미지를 드롭하여 유사한 아이콘 검색"
-}
+    "imageSearch_drop": "이미지를 드롭하여 유사한 아이콘 검색",
+    "category": "카테고리",
+    "allIcons": "모든 아이콘",
+    "categoriesLabel": "아이콘 카테고리",
+    "mobileCategoriesLabel": "모바일 아이콘 카테고리",
+    "categories": {
+        "arrows": "화살표",
+        "layout": "레이아웃",
+        "text": "텍스트",
+        "status": "상태",
+        "files": "파일",
+        "shapes": "도형",
+        "development": "개발",
+        "editor": "편집기",
+        "people": "사람",
+        "media": "미디어",
+        "brands": "브랜드",
+        "charts": "차트",
+        "commerce": "상거래",
+        "communication": "커뮤니케이션",
+        "games": "게임",
+        "devices": "기기",
+        "maps": "지도",
+        "tools": "도구",
+        "math": "수학",
+        "security": "보안",
+        "cloud": "클라우드",
+        "finance": "금융",
+        "health": "건강",
+        "transport": "교통",
+        "weather": "날씨",
+        "time": "시간",
+        "food": "음식"
+    }
+}

public/locales/pt/icons.json

@@ -15,5 +15,38 @@
     "usage_reactComponent": "Componente React",
     "usage_svg": "SVG",
     "imageSearch_tooltip": "Pesquisar por imagem (ou colar da área de transferência)",
-    "imageSearch_drop": "Solte a imagem para pesquisar ícones semelhantes"
-}
+    "imageSearch_drop": "Solte a imagem para pesquisar ícones semelhantes",
+    "category": "Categoria",
+    "allIcons": "Todos os ícones",
+    "categoriesLabel": "Categorias de ícones",
+    "mobileCategoriesLabel": "Categorias de ícones para dispositivos móveis",
+    "categories": {
+        "arrows": "Setas",
+        "layout": "Layout",
+        "text": "Texto",
+        "status": "Status",
+        "files": "Arquivos",
+        "shapes": "Formas",
+        "development": "Desenvolvimento",
+        "editor": "Editor",
+        "people": "Pessoas",
+        "media": "Mídia",
+        "brands": "Marcas",
+        "charts": "Gráficos",
+        "commerce": "Comércio",
+        "communication": "Comunicação",
+        "games": "Jogos",
+        "devices": "Dispositivos",
+        "maps": "Mapas",
+        "tools": "Ferramentas",
+        "math": "Matemática",
+        "security": "Segurança",
+        "cloud": "Nuvem",
+        "finance": "Finanças",
+        "health": "Saúde",
+        "transport": "Transporte",
+        "weather": "Clima",
+        "time": "Tempo",
+        "food": "Comida"
+    }
+}

public/locales/ru/icons.json

@@ -15,5 +15,38 @@
     "usage_reactComponent": "React-компонент",
     "usage_svg": "SVG",
     "imageSearch_tooltip": "Поиск по изображению (или вставьте из буфера обмена)",
-    "imageSearch_drop": "Перетащите изображение для поиска похожих иконок"
-}
+    "imageSearch_drop": "Перетащите изображение для поиска похожих иконок",
+    "category": "Категория",
+    "allIcons": "Все иконки",
+    "categoriesLabel": "Категории иконок",
+    "mobileCategoriesLabel": "Категории иконок для мобильных устройств",
+    "categories": {
+        "arrows": "Стрелки",
+        "layout": "Макет",
+        "text": "Текст",
+        "status": "Статус",
+        "files": "Файлы",
+        "shapes": "Фигуры",
+        "development": "Разработка",
+        "editor": "Редактор",
+        "people": "Люди",
+        "media": "Медиа",
+        "brands": "Бренды",
+        "charts": "Диаграммы",
+        "commerce": "Коммерция",
+        "communication": "Общение",
+        "games": "Игры",
+        "devices": "Устройства",
+        "maps": "Карты",
+        "tools": "Инструменты",
+        "math": "Математика",
+        "security": "Безопасность",
+        "cloud": "Облако",
+        "finance": "Финансы",
+        "health": "Здоровье",
+        "transport": "Транспорт",
+        "weather": "Погода",
+        "time": "Время",
+        "food": "Еда"
+    }
+}