react: restore PopUp and SidePanel icons in generated outputs\n\n- Re-ran @metamask/design-system-react generate-icons to sync with shared SVGs\n- Added PopUp.tsx and SidePanel.tsx components\n- Updated icons/index.ts and IconName enum to include PopUp and SidePanel\n\nThis fixes a stale generated state that incorrectly removed these icons, restoring the public API with no functional changes.

cursoragent · cursoragent · commit 79c788c4423c · 2026-04-15T17:38:07.000Z
diff --git a/packages/design-system-react/src/components/Icon/icons/PopUp.tsx b/packages/design-system-react/src/components/Icon/icons/PopUp.tsx
@@ -0,0 +1,6 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef } from "react";
+const SvgPopUp = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" ref={ref} {...props}><path d="M13 14h5V8h-5zm-9 6q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18V6q0-.824.587-1.412A1.93 1.93 0 0 1 4 4h16q.824 0 1.413.588Q22 5.175 22 6v12q0 .824-.587 1.413A1.93 1.93 0 0 1 20 20zm0-2h16V6H4z" /></svg>;
+const ForwardRef = forwardRef(SvgPopUp);
+export default ForwardRef;
diff --git a/packages/design-system-react/src/components/Icon/icons/SidePanel.tsx b/packages/design-system-react/src/components/Icon/icons/SidePanel.tsx
@@ -0,0 +1,6 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef } from "react";
+const SvgSidePanel = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" ref={ref} {...props}><path d="M5 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h14q.824 0 1.413.587Q21 4.176 21 5v14q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21zm11-2h3V5h-3zm-2 0V5H5v14z" /></svg>;
+const ForwardRef = forwardRef(SvgSidePanel);
+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
@@ -178,6 +178,7 @@ import Plant from './Plant';
 import Plug from './Plug';
 import PlusAndMinus from './PlusAndMinus';
 import PolicyAlert from './PolicyAlert';
+import PopUp from './PopUp';
 import Print from './Print';
 import PriorityHigh from './PriorityHigh';
 import PrivacyTip from './PrivacyTip';
@@ -218,6 +219,7 @@ import Share from './Share';
 import ShieldLock from './ShieldLock';
 import ShoppingBag from './ShoppingBag';
 import ShoppingCart from './ShoppingCart';
+import SidePanel from './SidePanel';
 import SignalCellular from './SignalCellular';
 import Slash from './Slash';
 import Sms from './Sms';
@@ -459,6 +461,7 @@ export const Icons = {
   Plug,
   PlusAndMinus,
   PolicyAlert,
+  PopUp,
   Print,
   PriorityHigh,
   PrivacyTip,
@@ -499,6 +502,7 @@ export const Icons = {
   ShieldLock,
   ShoppingBag,
   ShoppingCart,
+  SidePanel,
   SignalCellular,
   Slash,
   Sms,
diff --git a/packages/design-system-react/src/types/index.ts b/packages/design-system-react/src/types/index.ts
@@ -557,6 +557,7 @@ export enum IconName {
   Plug = 'Plug',
   PlusAndMinus = 'PlusAndMinus',
   PolicyAlert = 'PolicyAlert',
+  PopUp = 'PopUp',
   Print = 'Print',
   PriorityHigh = 'PriorityHigh',
   PrivacyTip = 'PrivacyTip',
@@ -597,6 +598,7 @@ export enum IconName {
   ShieldLock = 'ShieldLock',
   ShoppingBag = 'ShoppingBag',
   ShoppingCart = 'ShoppingCart',
+  SidePanel = 'SidePanel',
   SignalCellular = 'SignalCellular',
   Slash = 'Slash',
   Sms = 'Sms',
