feat!: Sync icon list with extension

packages/examples/packages/send-flow/snap.manifest.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "Xh2sOY88b7F0pj8n5IzUttqHfpd1omD7O9PoW7Z44Po=",
+    "shasum": "OSpSGQaqMK1PjuYJkTZfs9/UHvd9T7RYA+52W+mZ2cM=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",

packages/snaps-sdk/src/jsx/components/Icon.ts

@@ -3,109 +3,196 @@ import { createSnapComponent } from '../component';
 // Copied from https://github.com/MetaMask/metamask-extension/blob/main/ui/components/component-library/icon/icon.types.ts
 // Currently requires manual syncing when new icon is added.
 export enum IconName {
+  Accessibility = 'accessibility',
+  Activity = 'activity',
+  AddCard = 'add-card',
+  AddCircle = 'add-circle',
   AddSquare = 'add-square',
   Add = 'add',
+  Ai = 'ai',
+  AlternateEmail = 'alternate-email',
+  Apple = 'apple',
+  Apps = 'apps',
   Arrow2Down = 'arrow-2-down',
   Arrow2Left = 'arrow-2-left',
   Arrow2Right = 'arrow-2-right',
-  Arrow2Up = 'arrow-2-up',
   Arrow2UpRight = 'arrow-2-up-right',
+  Arrow2Up = 'arrow-2-up',
+  ArrowCircleDown = 'arrow-circle-down',
+  ArrowCircleUp = 'arrow-circle-up',
   ArrowDoubleLeft = 'arrow-double-left',
   ArrowDoubleRight = 'arrow-double-right',
   ArrowDown = 'arrow-down',
+  ArrowDropDownCircle = 'arrow-drop-down-circle',
   ArrowLeft = 'arrow-left',
   ArrowRight = 'arrow-right',
   ArrowUp = 'arrow-up',
-  BankToken = 'bank-token',
+  Attachment = 'attachment',
+  Ban = 'ban',
+  BankAssured = 'bank-assured',
   Bank = 'bank',
+  Bold = 'bold',
   Book = 'book',
   Bookmark = 'bookmark',
   Bridge = 'bridge',
+  Briefcase = 'briefcase',
+  Bulb = 'bulb',
+  BuySell = 'buy-sell',
+  Cake = 'cake',
   Calculator = 'calculator',
+  Calendar = 'calendar',
+  Call = 'call',
+  Camera = 'camera',
+  Campaign = 'campaign',
   CardPos = 'card-pos',
-  CardToken = 'card-token',
   Card = 'card',
+  Cash = 'cash',
   Category = 'category',
   Chart = 'chart',
   CheckBold = 'check-bold',
   Check = 'check',
+  CircleX = 'circle-x',
+  ClockFilled = 'clock-filled',
   Clock = 'clock',
   Close = 'close',
+  CloudDownload = 'cloud-download',
+  CloudUpload = 'cloud-upload',
+  Cloud = 'cloud',
   CodeCircle = 'code-circle',
+  Code = 'code',
   Coin = 'coin',
+  Collapse = 'collapse',
   Confirmation = 'confirmation',
   Connect = 'connect',
   CopySuccess = 'copy-success',
   Copy = 'copy',
+  CreditCheck = 'credit-check',
+  CurrencyFranc = 'currency-franc',
+  CurrencyLira = 'currency-lira',
+  CurrencyPound = 'currency-pound',
+  CurrencyYuan = 'currency-yuan',
   Customize = 'customize',
   Danger = 'danger',
+  DarkFilled = 'dark-filled',
   Dark = 'dark',
   Data = 'data',
+  Description = 'description',
+  Details = 'details',
   Diagram = 'diagram',
   DocumentCode = 'document-code',
-  DragDrop = 'drag-drop',
-  DraggingAnimation = 'dragging-animation',
-  PinningAnimation = 'pinning-animation',
+  Download = 'download',
+  Draft = 'draft',
+  EcoLeaf = 'eco-leaf',
+  EditSquare = 'edit-square',
   Edit = 'edit',
+  EncryptedAdd = 'encrypted-add',
   Eraser = 'eraser',
+  Error = 'error',
   Ethereum = 'ethereum',
+  Exchange = 'exchange',
+  ExpandVertical = 'expand-vertical',
   Expand = 'expand',
+  ExploreFilled = 'explore-filled',
   Explore = 'explore',
   Export = 'export',
+  Extension = 'extension',
   EyeSlash = 'eye-slash',
   Eye = 'eye',
+  FaceId = 'face-id',
+  Feedback = 'feedback',
+  File = 'file',
   Filter = 'filter',
+  Fingerprint = 'fingerprint',
+  Fire = 'fire',
+  FirstPage = 'first-page',
   Flag = 'flag',
   FlashSlash = 'flash-slash',
   Flash = 'flash',
+  Flask = 'flask',
+  Flower = 'flower',
+  Folder = 'folder',
+  Forest = 'forest',
   FullCircle = 'full-circle',
   Gas = 'gas',
+  Gift = 'gift',
   GlobalSearch = 'global-search',
   Global = 'global',
   Graph = 'graph',
   Hardware = 'hardware',
+  HashTag = 'hash-tag',
+  HeartFilled = 'heart-filled',
   Heart = 'heart',
   Hierarchy = 'hierarchy',
+  HomeFilled = 'home-filled',
   Home = 'home',
-  Import = 'import',
+  Image = 'image',
   Info = 'info',
+  Inventory = 'inventory',
+  Joystick = 'joystick',
+  KeepFilled = 'keep-filled',
+  Keep = 'keep',
   Key = 'key',
+  LastPage = 'last-page',
+  LightFilled = 'light-filled',
   Light = 'light',
   Link = 'link',
   Loading = 'loading',
-  LockCircle = 'lock-circle',
+  Location = 'location',
   LockSlash = 'lock-slash',
   Lock = 'lock',
+  LockedFilled = 'locked-filled',
   Login = 'login',
   Logout = 'logout',
+  Mail = 'mail',
+  Map = 'map',
   Menu = 'menu',
   MessageQuestion = 'message-question',
   Messages = 'messages',
+  Mic = 'mic',
   MinusBold = 'minus-bold',
   MinusSquare = 'minus-square',
   Minus = 'minus',
   Mobile = 'mobile',
+  MoneyBag = 'money-bag',
   Money = 'money',
   Monitor = 'monitor',
   MoreHorizontal = 'more-horizontal',
   MoreVertical = 'more-vertical',
-  NotificationCircle = 'notification-circle',
+  MountainFlag = 'mountain-flag',
+  MusicNote = 'music-note',
   Notification = 'notification',
+  PageInfo = 'page-info',
+  Palette = 'palette',
   PasswordCheck = 'password-check',
+  Pending = 'pending',
   People = 'people',
+  PersonCancel = 'person-cancel',
   Pin = 'pin',
+  Plant = 'plant',
+  Plug = 'plug',
+  PlusAndMinus = 'plus-and-minus',
+  PolicyAlert = 'policy-alert',
+  Print = 'print',
+  PriorityHigh = 'priority-high',
+  PrivacyTip = 'privacy-tip',
   ProgrammingArrows = 'programming-arrows',
-  Custody = 'custody',
+  Publish = 'publish',
+  QrCode = 'qr-code',
   Question = 'question',
+  Receive = 'receive',
   Received = 'received',
   Refresh = 'refresh',
+  RemoveMinus = 'remove-minus',
+  Report = 'report',
+  Rocket = 'rocket',
+  SaveFilled = 'save-filled',
   Save = 'save',
+  Saving = 'saving',
   ScanBarcode = 'scan-barcode',
   ScanFocus = 'scan-focus',
   Scan = 'scan',
-  Scroll = 'scroll',
   Search = 'search',
-  SecurityCard = 'security-card',
+  SecurityAlert = 'security-alert',
   SecurityCross = 'security-cross',
   SecurityKey = 'security-key',
   SecuritySearch = 'security-search',
@@ -114,52 +201,81 @@ export enum IconName {
   SecurityTime = 'security-time',
   SecurityUser = 'security-user',
   Security = 'security',
-  Send1 = 'send-1',
-  Send2 = 'send-2',
+  Send = 'send',
+  SentimentDissatisfied = 'sentiment-dissatisfied',
+  SentimentNeutral = 'sentiment-neutral',
+  SentimentSatisfied = 'sentiment-satisfied',
+  SentimentVerySatisfied = 'sentiment-very-satisfied',
+  SettingFilled = 'setting-filled',
   Setting = 'setting',
+  Share = 'share',
+  ShieldLock = 'shield-lock',
+  ShoppingBag = 'shopping-bag',
+  ShoppingCart = 'shopping-cart',
+  SignalCellular = 'signal-cellular',
   Slash = 'slash',
+  Sms = 'sms',
   SnapsMobile = 'snaps-mobile',
   SnapsPlus = 'snaps-plus',
+  SnapsRound = 'snaps-round',
   Snaps = 'snaps',
+  SortByAlpha = 'sort-by-alpha',
+  Sort = 'sort',
+  Sparkle = 'sparkle',
+  Speed = 'speed',
   Speedometer = 'speedometer',
-  Star = 'star',
+  Square = 'square',
   Stake = 'stake',
+  StarFilled = 'star-filled',
+  Star = 'star',
+  Start = 'start',
+  Storefront = 'storefront',
   Student = 'student',
   SwapHorizontal = 'swap-horizontal',
   SwapVertical = 'swap-vertical',
+  TabClose = 'tab-close',
+  TableRow = 'table-row',
+  Tablet = 'tablet',
   Tag = 'tag',
-  Tilde = 'tilde',
-  Timer = 'timer',
+  ThumbDownFilled = 'thumb-down-filled',
+  ThumbDown = 'thumb-down',
+  ThumbUpFilled = 'thumb-up-filled',
+  ThumbUp = 'thumb-up',
+  Tint = 'tint',
+  Tooltip = 'tooltip',
+  Translate = 'translate',
   Trash = 'trash',
   TrendDown = 'trend-down',
   TrendUp = 'trend-up',
+  TriangleUp = 'triangle-up',
+  TriangleDown = 'triangle-down',
+  Undo = 'undo',
+  Unfold = 'unfold',
+  UnlockedFilled = 'unlocked-filled',
+  Unpin = 'unpin',
+  UploadFile = 'upload-file',
+  Upload = 'upload',
+  Usb = 'usb',
+  UserCheck = 'user-check',
   UserCircleAdd = 'user-circle-add',
-  UserCircleLink = 'user-circle-link',
   UserCircleRemove = 'user-circle-remove',
   UserCircle = 'user-circle',
   User = 'user',
-  WalletCard = 'wallet-card',
-  WalletMoney = 'wallet-money',
+  VerifiedFilled = 'verified-filled',
+  Verified = 'verified',
+  Videocam = 'videocam',
+  ViewColumn = 'view-column',
+  ViewInAr = 'view-in-ar',
+  VolumeOff = 'volume-off',
+  VolumeUp = 'volume-up',
+  WalletFilled = 'wallet-filled',
   Wallet = 'wallet',
   Warning = 'warning',
-  Twitter = 'twitter',
-  QrCode = 'qr-code',
-  UserCheck = 'user-check',
-  Unpin = 'unpin',
-  Ban = 'ban',
-  Bold = 'bold',
-  CircleX = 'circle-x',
-  Download = 'download',
-  FileIcon = 'file',
-  Flask = 'flask',
-  Plug = 'plug',
-  Share = 'share',
-  Square = 'square',
-  Tint = 'tint',
-  Upload = 'upload',
-  Usb = 'usb',
+  WebTraffic = 'web-traffic',
+  Widgets = 'widgets',
+  WifiOff = 'wifi-off',
   Wifi = 'wifi',
-  PlusMinus = 'plus-minus',
+  X = 'x',
 }
 
 /**