[pull] main from MetaMask:main

app/component-library/components/Icons/Icon/Icon.assets.ts

@@ -47,6 +47,7 @@ import calendarSVG from './assets/calendar.svg';
 import callSVG from './assets/call.svg';
 import cameraSVG from './assets/camera.svg';
 import campaignSVG from './assets/campaign.svg';
+import candlestickSVG from './assets/candlestick.svg';
 import cardposSVG from './assets/card-pos.svg';
 import cardSVG from './assets/card.svg';
 import cashSVG from './assets/cash.svg';
@@ -152,8 +153,8 @@ 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 metamaskfoxoutlineSVG from './assets/metamask-fox-outline.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';
 import minussquareSVG from './assets/minus-square.svg';
@@ -197,8 +198,8 @@ 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 searchSVG from './assets/search.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';
 import securitykeySVG from './assets/security-key.svg';
@@ -329,6 +330,7 @@ export const assetByIconName: AssetByIconName = {
   [IconName.Call]: callSVG,
   [IconName.Camera]: cameraSVG,
   [IconName.Campaign]: campaignSVG,
+  [IconName.Candlestick]: candlestickSVG,
   [IconName.CardPos]: cardposSVG,
   [IconName.Card]: cardSVG,
   [IconName.Cash]: cashSVG,
@@ -434,8 +436,8 @@ export const assetByIconName: AssetByIconName = {
   [IconName.Menu]: menuSVG,
   [IconName.MessageQuestion]: messagequestionSVG,
   [IconName.Messages]: messagesSVG,
-  [IconName.MetamaskFoxOutline]: metamaskfoxoutlineSVG,
   [IconName.MetamaskFoxFilled]: metamaskfoxfilledSVG,
+  [IconName.MetamaskFoxOutline]: metamaskfoxoutlineSVG,
   [IconName.Mic]: micSVG,
   [IconName.MinusBold]: minusboldSVG,
   [IconName.MinusSquare]: minussquareSVG,
@@ -479,8 +481,8 @@ export const assetByIconName: AssetByIconName = {
   [IconName.ScanBarcode]: scanbarcodeSVG,
   [IconName.ScanFocus]: scanfocusSVG,
   [IconName.Scan]: scanSVG,
-  [IconName.Search]: searchSVG,
   [IconName.SearchFilled]: searchfilledSVG,
+  [IconName.Search]: searchSVG,
   [IconName.SecurityAlert]: securityalertSVG,
   [IconName.SecurityCross]: securitycrossSVG,
   [IconName.SecurityKey]: securitykeySVG,

app/component-library/components/Icons/Icon/Icon.types.ts

@@ -117,6 +117,7 @@ export enum IconName {
   Call = 'Call',
   Camera = 'Camera',
   Campaign = 'Campaign',
+  Candlestick = 'Candlestick',
   CardPos = 'CardPos',
   Card = 'Card',
   Cash = 'Cash',
@@ -222,8 +223,8 @@ export enum IconName {
   Menu = 'Menu',
   MessageQuestion = 'MessageQuestion',
   Messages = 'Messages',
-  MetamaskFoxOutline = 'MetamaskFoxOutline',
   MetamaskFoxFilled = 'MetamaskFoxFilled',
+  MetamaskFoxOutline = 'MetamaskFoxOutline',
   Mic = 'Mic',
   MinusBold = 'MinusBold',
   MinusSquare = 'MinusSquare',
@@ -267,8 +268,8 @@ export enum IconName {
   ScanBarcode = 'ScanBarcode',
   ScanFocus = 'ScanFocus',
   Scan = 'Scan',
-  Search = 'Search',
   SearchFilled = 'SearchFilled',
+  Search = 'Search',
   SecurityAlert = 'SecurityAlert',
   SecurityCross = 'SecurityCross',
   SecurityKey = 'SecurityKey',