From dcf3b433039ba6c24464816e6aff249fd7923fba Mon Sep 17 00:00:00 2001 From: Amanda Yeoh Date: Tue, 10 Mar 2026 02:16:45 +0800 Subject: [PATCH 1/3] chore: Add SearchFilled and MetamaskFoxFilled icons --- .../src/components/Icon/assets/metamask-fox-filled.svg | 3 +++ .../src/components/Icon/assets/search-filled.svg | 3 +++ .../src/components/Icon/assets/metamask-fox-filled.svg | 3 +++ .../src/components/Icon/assets/search-filled.svg | 3 +++ .../src/components/Icon/icons/MetamaskFoxFilled.tsx | 6 ++++++ .../src/components/Icon/icons/SearchFilled.tsx | 6 ++++++ .../design-system-react/src/components/Icon/icons/index.ts | 4 ++++ 7 files changed, 28 insertions(+) create mode 100644 packages/design-system-react-native/src/components/Icon/assets/metamask-fox-filled.svg create mode 100644 packages/design-system-react-native/src/components/Icon/assets/search-filled.svg create mode 100644 packages/design-system-react/src/components/Icon/assets/metamask-fox-filled.svg create mode 100644 packages/design-system-react/src/components/Icon/assets/search-filled.svg create mode 100644 packages/design-system-react/src/components/Icon/icons/MetamaskFoxFilled.tsx create mode 100644 packages/design-system-react/src/components/Icon/icons/SearchFilled.tsx diff --git a/packages/design-system-react-native/src/components/Icon/assets/metamask-fox-filled.svg b/packages/design-system-react-native/src/components/Icon/assets/metamask-fox-filled.svg new file mode 100644 index 000000000..8ca53b68d --- /dev/null +++ b/packages/design-system-react-native/src/components/Icon/assets/metamask-fox-filled.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/design-system-react-native/src/components/Icon/assets/search-filled.svg b/packages/design-system-react-native/src/components/Icon/assets/search-filled.svg new file mode 100644 index 000000000..e2ed490e6 --- /dev/null +++ b/packages/design-system-react-native/src/components/Icon/assets/search-filled.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/design-system-react/src/components/Icon/assets/metamask-fox-filled.svg b/packages/design-system-react/src/components/Icon/assets/metamask-fox-filled.svg new file mode 100644 index 000000000..8ca53b68d --- /dev/null +++ b/packages/design-system-react/src/components/Icon/assets/metamask-fox-filled.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/design-system-react/src/components/Icon/assets/search-filled.svg b/packages/design-system-react/src/components/Icon/assets/search-filled.svg new file mode 100644 index 000000000..e2ed490e6 --- /dev/null +++ b/packages/design-system-react/src/components/Icon/assets/search-filled.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/design-system-react/src/components/Icon/icons/MetamaskFoxFilled.tsx b/packages/design-system-react/src/components/Icon/icons/MetamaskFoxFilled.tsx new file mode 100644 index 000000000..7345138fb --- /dev/null +++ b/packages/design-system-react/src/components/Icon/icons/MetamaskFoxFilled.tsx @@ -0,0 +1,6 @@ +import * as React from "react"; +import type { SVGProps } from "react"; +import { Ref, forwardRef } from "react"; +const SvgMetamaskFoxFilled = (props: SVGProps, ref: Ref) => ; +const ForwardRef = forwardRef(SvgMetamaskFoxFilled); +export default ForwardRef; \ No newline at end of file diff --git a/packages/design-system-react/src/components/Icon/icons/SearchFilled.tsx b/packages/design-system-react/src/components/Icon/icons/SearchFilled.tsx new file mode 100644 index 000000000..b2b26dc72 --- /dev/null +++ b/packages/design-system-react/src/components/Icon/icons/SearchFilled.tsx @@ -0,0 +1,6 @@ +import * as React from "react"; +import type { SVGProps } from "react"; +import { Ref, forwardRef } from "react"; +const SvgSearchFilled = (props: SVGProps, ref: Ref) => ; +const ForwardRef = forwardRef(SvgSearchFilled); +export default ForwardRef; \ No newline at end of file diff --git a/packages/design-system-react/src/components/Icon/icons/index.ts b/packages/design-system-react/src/components/Icon/icons/index.ts index 717c57ee4..2569d0bf9 100644 --- a/packages/design-system-react/src/components/Icon/icons/index.ts +++ b/packages/design-system-react/src/components/Icon/icons/index.ts @@ -153,6 +153,7 @@ import Menu from './Menu'; import MessageQuestion from './MessageQuestion'; import Messages from './Messages'; import MetamaskFoxOutline from './MetamaskFoxOutline'; +import MetamaskFoxFilled from './MetamaskFoxFilled'; import Mic from './Mic'; import Minus from './Minus'; import MinusBold from './MinusBold'; @@ -198,6 +199,7 @@ import Scan from './Scan'; import ScanBarcode from './ScanBarcode'; import ScanFocus from './ScanFocus'; import Search from './Search'; +import SearchFilled from './SearchFilled'; import Security from './Security'; import SecurityAlert from './SecurityAlert'; import SecurityCross from './SecurityCross'; @@ -435,6 +437,7 @@ export const Icons = { MessageQuestion, Messages, MetamaskFoxOutline, + MetamaskFoxFilled, Mic, Minus, MinusBold, @@ -480,6 +483,7 @@ export const Icons = { ScanBarcode, ScanFocus, Search, + SearchFilled, Security, SecurityAlert, SecurityCross, From d6a7ea8a263105e4d659cc4bea19fa6088bd0532 Mon Sep 17 00:00:00 2001 From: Amanda Yeoh Date: Tue, 10 Mar 2026 02:39:48 +0800 Subject: [PATCH 2/3] chore: Add icons to storybook --- packages/design-system-react/src/types/index.ts | 2 ++ 1 file changed, 2 insertions(+) diff --git a/packages/design-system-react/src/types/index.ts b/packages/design-system-react/src/types/index.ts index dca069bf8..b277ec01d 100644 --- a/packages/design-system-react/src/types/index.ts +++ b/packages/design-system-react/src/types/index.ts @@ -726,6 +726,7 @@ export enum IconName { MessageQuestion = 'MessageQuestion', Messages = 'Messages', MetamaskFoxOutline = 'MetamaskFoxOutline', + MetamaskFoxFilled = 'MetamaskFoxFilled', Mic = 'Mic', Minus = 'Minus', MinusBold = 'MinusBold', @@ -771,6 +772,7 @@ export enum IconName { ScanBarcode = 'ScanBarcode', ScanFocus = 'ScanFocus', Search = 'Search', + SearchFilled = 'SearchFilled', Security = 'Security', SecurityAlert = 'SecurityAlert', SecurityCross = 'SecurityCross', From 04fb45758d9100c2c17b8cd69777e5c30019b145 Mon Sep 17 00:00:00 2001 From: Amanda Yeoh Date: Wed, 11 Mar 2026 02:06:41 +0800 Subject: [PATCH 3/3] chore: fix e2e issues --- .../src/components/Icon/Icon.assets.ts | 4 ++++ packages/design-system-react-native/src/types/index.ts | 2 ++ .../src/components/Icon/icons/MetamaskFoxFilled.tsx | 4 ++-- .../src/components/Icon/icons/SearchFilled.tsx | 4 ++-- .../design-system-react/src/components/Icon/icons/index.ts | 4 ++-- packages/design-system-react/src/types/index.ts | 2 +- 6 files changed, 13 insertions(+), 7 deletions(-) diff --git a/packages/design-system-react-native/src/components/Icon/Icon.assets.ts b/packages/design-system-react-native/src/components/Icon/Icon.assets.ts index 535c3c27e..7d1a56e25 100644 --- a/packages/design-system-react-native/src/components/Icon/Icon.assets.ts +++ b/packages/design-system-react-native/src/components/Icon/Icon.assets.ts @@ -155,6 +155,7 @@ import MapSVG from './assets/map.svg'; import MenuSVG from './assets/menu.svg'; import MessageQuestionSVG from './assets/message-question.svg'; import MessagesSVG from './assets/messages.svg'; +import MetamaskFoxFilledSVG from './assets/metamask-fox-filled.svg'; import MetamaskFoxOutlineSVG from './assets/metamask-fox-outline.svg'; import MicSVG from './assets/mic.svg'; import MinusBoldSVG from './assets/minus-bold.svg'; @@ -199,6 +200,7 @@ import SavingSVG from './assets/saving.svg'; import ScanBarcodeSVG from './assets/scan-barcode.svg'; import ScanFocusSVG from './assets/scan-focus.svg'; import ScanSVG from './assets/scan.svg'; +import SearchFilledSVG from './assets/search-filled.svg'; import SearchSVG from './assets/search.svg'; import SecurityAlertSVG from './assets/security-alert.svg'; import SecurityCrossSVG from './assets/security-cross.svg'; @@ -439,6 +441,7 @@ export const assetByIconName: AssetByIconName = { [IconName.Menu]: MenuSVG, [IconName.MessageQuestion]: MessageQuestionSVG, [IconName.Messages]: MessagesSVG, + [IconName.MetamaskFoxFilled]: MetamaskFoxFilledSVG, [IconName.MetamaskFoxOutline]: MetamaskFoxOutlineSVG, [IconName.Mic]: MicSVG, [IconName.MinusBold]: MinusBoldSVG, @@ -483,6 +486,7 @@ export const assetByIconName: AssetByIconName = { [IconName.ScanBarcode]: ScanBarcodeSVG, [IconName.ScanFocus]: ScanFocusSVG, [IconName.Scan]: ScanSVG, + [IconName.SearchFilled]: SearchFilledSVG, [IconName.Search]: SearchSVG, [IconName.SecurityAlert]: SecurityAlertSVG, [IconName.SecurityCross]: SecurityCrossSVG, diff --git a/packages/design-system-react-native/src/types/index.ts b/packages/design-system-react-native/src/types/index.ts index d1cd5b82e..d5e4deaaf 100644 --- a/packages/design-system-react-native/src/types/index.ts +++ b/packages/design-system-react-native/src/types/index.ts @@ -689,6 +689,7 @@ export enum IconName { Menu = 'Menu', MessageQuestion = 'MessageQuestion', Messages = 'Messages', + MetamaskFoxFilled = 'MetamaskFoxFilled', MetamaskFoxOutline = 'MetamaskFoxOutline', Mic = 'Mic', MinusBold = 'MinusBold', @@ -733,6 +734,7 @@ export enum IconName { ScanBarcode = 'ScanBarcode', ScanFocus = 'ScanFocus', Scan = 'Scan', + SearchFilled = 'SearchFilled', Search = 'Search', SecurityAlert = 'SecurityAlert', SecurityCross = 'SecurityCross', diff --git a/packages/design-system-react/src/components/Icon/icons/MetamaskFoxFilled.tsx b/packages/design-system-react/src/components/Icon/icons/MetamaskFoxFilled.tsx index 7345138fb..1a6a62508 100644 --- a/packages/design-system-react/src/components/Icon/icons/MetamaskFoxFilled.tsx +++ b/packages/design-system-react/src/components/Icon/icons/MetamaskFoxFilled.tsx @@ -1,6 +1,6 @@ import * as React from "react"; import type { SVGProps } from "react"; import { Ref, forwardRef } from "react"; -const SvgMetamaskFoxFilled = (props: SVGProps, ref: Ref) => ; +const SvgMetamaskFoxFilled = (props: SVGProps, ref: Ref) => ; const ForwardRef = forwardRef(SvgMetamaskFoxFilled); -export default ForwardRef; \ No newline at end of file +export default ForwardRef; diff --git a/packages/design-system-react/src/components/Icon/icons/SearchFilled.tsx b/packages/design-system-react/src/components/Icon/icons/SearchFilled.tsx index b2b26dc72..a40639533 100644 --- a/packages/design-system-react/src/components/Icon/icons/SearchFilled.tsx +++ b/packages/design-system-react/src/components/Icon/icons/SearchFilled.tsx @@ -1,6 +1,6 @@ import * as React from "react"; import type { SVGProps } from "react"; import { Ref, forwardRef } from "react"; -const SvgSearchFilled = (props: SVGProps, ref: Ref) => ; +const SvgSearchFilled = (props: SVGProps, ref: Ref) => ; const ForwardRef = forwardRef(SvgSearchFilled); -export default ForwardRef; \ No newline at end of file +export default ForwardRef; diff --git a/packages/design-system-react/src/components/Icon/icons/index.ts b/packages/design-system-react/src/components/Icon/icons/index.ts index 2569d0bf9..d82b47e40 100644 --- a/packages/design-system-react/src/components/Icon/icons/index.ts +++ b/packages/design-system-react/src/components/Icon/icons/index.ts @@ -152,8 +152,8 @@ import Map from './Map'; import Menu from './Menu'; import MessageQuestion from './MessageQuestion'; import Messages from './Messages'; -import MetamaskFoxOutline from './MetamaskFoxOutline'; import MetamaskFoxFilled from './MetamaskFoxFilled'; +import MetamaskFoxOutline from './MetamaskFoxOutline'; import Mic from './Mic'; import Minus from './Minus'; import MinusBold from './MinusBold'; @@ -436,8 +436,8 @@ export const Icons = { Menu, MessageQuestion, Messages, - MetamaskFoxOutline, MetamaskFoxFilled, + MetamaskFoxOutline, Mic, Minus, MinusBold, diff --git a/packages/design-system-react/src/types/index.ts b/packages/design-system-react/src/types/index.ts index b277ec01d..a450ec446 100644 --- a/packages/design-system-react/src/types/index.ts +++ b/packages/design-system-react/src/types/index.ts @@ -725,8 +725,8 @@ export enum IconName { Menu = 'Menu', MessageQuestion = 'MessageQuestion', Messages = 'Messages', - MetamaskFoxOutline = 'MetamaskFoxOutline', MetamaskFoxFilled = 'MetamaskFoxFilled', + MetamaskFoxOutline = 'MetamaskFoxOutline', Mic = 'Mic', Minus = 'Minus', MinusBold = 'MinusBold',