feat(mobile): new icons (#14963)

* feat(mobile): new mobile icons package + icon font

* chore: replace deprecated icons in mobile app

* fix: fix broken icons and add README

packages/components/src/components/Icon/Icon.stories.tsx

@@ -10,7 +10,7 @@ import { IconName, icons } from '@suite-common/icons';
 import {
     icons as iconsDeprecated,
     IconName as IconNameDeprecated,
-} from '@suite-common/icons-deprecated/src/webComponents';
+} from '@suite-common/icons-deprecated';
 import { getFramePropsStory } from '../../utils/frameProps';
 
 const meta: Meta = {

packages/components/src/components/Icon/Icon.tsx

@@ -5,7 +5,7 @@ import styled, { css, DefaultTheme } from 'styled-components';
 import {
     icons as iconsDeprecated,
     IconName as IconNameDeprecated,
-} from '@suite-common/icons-deprecated/src/webComponents';
+} from '@suite-common/icons-deprecated';
 import { icons, IconName as IconNameNew } from '@suite-common/icons';
 import { CSSColor, Color } from '@trezor/theme';
 

packages/components/src/components/Icon/icons.stories.tsx

@@ -11,7 +11,7 @@ import { icons, IconName } from '@suite-common/icons';
 import {
     icons as iconsDeprecated,
     IconName as IconNameDeprecated,
-} from '@suite-common/icons-deprecated/src/webComponents';
+} from '@suite-common/icons-deprecated';
 
 const CopiedText = styled.div`
     display: flex;

scripts/list-outdated-dependencies/mobile-dependencies.txt

@@ -68,4 +68,5 @@ metro
 metro-react-native-babel-preset
 jest-expo
 intl-pluralrules
-@gorhom/bottom-sheet
+@gorhom/bottom-sheet
+fantasticon

suite-common/icons-deprecated/generateIcons.js

@@ -18,11 +18,6 @@ const assetTypesConfig = [
         dirname: 'assets/cryptoIcons',
         typeName: 'CryptoIconName',
     },
-    {
-        name: 'flagIcons',
-        dirname: 'assets/flags',
-        typeName: 'FlagIconName',
-    },
 ];
 
 // https://github.com/svg/svgo#built-in-plugins

suite-common/icons-deprecated/package.json

@@ -13,17 +13,7 @@
         "download-crypto-icons": "yarn g:tsx ./scripts/downloadCryptoIcons.ts"
     },
     "dependencies": {
-        "@shopify/react-native-skia": "1.3.11",
-        "@suite-common/wallet-config": "workspace:*",
-        "@suite-common/wallet-types": "workspace:*",
-        "@trezor/connect": "workspace:*",
-        "@trezor/styles": "workspace:*",
-        "@trezor/theme": "workspace:*",
-        "react": "18.2.0",
-        "react-native": "0.75.2",
-        "react-native-reanimated": "3.15.0",
-        "sharp": "0.32.6",
-        "styled-components": "^6.1.8"
+        "sharp": "0.32.6"
     },
     "devDependencies": {
         "prettier": "^3.3.2",

suite-common/icons-deprecated/src/icons.ts

@@ -238,12 +238,12 @@ export const cryptoIcons = {
     dsol: require('../assets/cryptoIcons/dsol.svg'),
     etc: require('../assets/cryptoIcons/etc.svg'),
     eth: require('../assets/cryptoIcons/eth.svg'),
-    op: require('../assets/cryptoIcons/op.svg'),
     gnt: require('../assets/cryptoIcons/gnt.svg'),
     ltc: require('../assets/cryptoIcons/ltc.svg'),
-    pol: require('../assets/cryptoIcons/pol.svg'),
     name: require('../assets/cryptoIcons/name.svg'),
     nmc: require('../assets/cryptoIcons/nmc.svg'),
+    op: require('../assets/cryptoIcons/op.svg'),
+    pol: require('../assets/cryptoIcons/pol.svg'),
     regtest: require('../assets/cryptoIcons/regtest.svg'),
     sol: require('../assets/cryptoIcons/sol.svg'),
     tada: require('../assets/cryptoIcons/tada.svg'),
@@ -256,8 +256,3 @@ export const cryptoIcons = {
     zec: require('../assets/cryptoIcons/zec.svg'),
 } as const;
 export type CryptoIconName = keyof typeof cryptoIcons;
-
-export const flagIcons = {
-    cz: require('../assets/flags/cz.svg'),
-} as const;
-export type FlagIconName = keyof typeof flagIcons;

suite-common/icons-deprecated/src/index.ts

@@ -1,9 +1,2 @@
 export * from './icons';
 export * from './tokenIcons';
-export * from './components/CryptoIcon';
-export * from './components/CryptoIconWithPercentage';
-export * from './components/DeviceModelIcon';
-export * from './components/FlagIcon';
-export * from './components/Icon';
-export * from './utils';
-export * from './config';

suite-common/icons-deprecated/tsconfig.json

@@ -1,11 +1,5 @@
 {
     "extends": "../../tsconfig.base.json",
     "compilerOptions": { "outDir": "libDev" },
-    "references": [
-        { "path": "../wallet-config" },
-        { "path": "../wallet-types" },
-        { "path": "../../packages/connect" },
-        { "path": "../../packages/styles" },
-        { "path": "../../packages/theme" }
-    ]
+    "references": []
 }