Updating figma files for icons

src/components/Divider/Divider.figma.tsx

@@ -0,0 +1,20 @@
+import figma from '@figma/code-connect'
+import React from 'react'
+
+import { Divider } from './Divider'
+
+/**
+ * -- This file was auto-generated by Code Connect --
+ * None of your props could be automatically mapped to Figma properties.
+ * You should update the `props` object to include a mapping from your
+ * code props to Figma properties, and update the `example` function to
+ * return the code example you'd like to see in Figma
+ */
+
+figma.connect(
+  Divider,
+  'https://www.figma.com/design/0OB1JVXSqaxmJDrP7qAMJr?node-id=11869-30796',
+  {
+    example: () => <Divider />,
+  }
+)

src/components/DropdownMenu/DropdownMenu.figma.tsx

@@ -9,6 +9,7 @@ import {
   DropdownMenuItem,
   DropdownMenuRoot,
   DropdownMenuTrigger,
+  DropdownMenuSeparator,
 } from './DropdownMenu'
 
 /**
@@ -28,22 +29,36 @@ figma.connect(
         default: 'bottom',
         inverted: 'top',
       }),
+      children: figma.children(['atoms/dropdown-menu-item-wallet', 'Divider']),
     },
     example: props => (
       <DropdownMenuRoot>
-        <DropdownMenuRoot>
-          <DropdownMenuTrigger asChild>
-            <IconButton icon={ContextMenuIcon} />
-          </DropdownMenuTrigger>
-          <DropdownMenuContent side={props.side}>
-            <DropdownMenuItem>Item 1</DropdownMenuItem>
-            <DropdownMenuItem>Item 2</DropdownMenuItem>
-            <DropdownMenuItem>Item 3</DropdownMenuItem>
-            <DropdownMenuItem>Item 4</DropdownMenuItem>
-            <DropdownMenuItem>Item 5</DropdownMenuItem>
-          </DropdownMenuContent>
-        </DropdownMenuRoot>
+        <DropdownMenuTrigger asChild>
+          <IconButton icon={ContextMenuIcon} />
+        </DropdownMenuTrigger>
+        <DropdownMenuContent side={props.side}>
+          {props.children}
+        </DropdownMenuContent>
       </DropdownMenuRoot>
     ),
   }
 )
+
+figma.connect(
+  DropdownMenuItem,
+  'https://www.figma.com/design/0OB1JVXSqaxmJDrP7qAMJr?node-id=10606-387',
+  {
+    props: {
+      label: figma.textContent('Menu item'),
+    },
+    example: props => <DropdownMenuItem>{props.label}</DropdownMenuItem>,
+  }
+)
+
+// figma.connect(
+//   DropdownMenuSeparator,
+//   'https://www.figma.com/design/0OB1JVXSqaxmJDrP7qAMJr?node-id=10606-387',
+//   {
+//     example: () => <DropdownMenuSeparator />,
+//   }
+// )

src/icons/AddIcon.figma.tsx

@@ -0,0 +1,12 @@
+import figma from '@figma/code-connect'
+import React from 'react'
+
+import { AddIcon } from './index'
+
+figma.connect(
+  AddIcon,
+  'https://figma.com/file/0OB1JVXSqaxmJDrP7qAMJr/?node-id=453-22028', 
+  {
+    example: () => <AddIcon />
+  }
+)

src/icons/BridgeIcon.figma.tsx

@@ -0,0 +1,12 @@
+import figma from '@figma/code-connect'
+import React from 'react'
+
+import { BridgeIcon } from './index'
+
+figma.connect(
+  BridgeIcon,
+  'https://figma.com/file/0OB1JVXSqaxmJDrP7qAMJr/?node-id=453-21926', 
+  {
+    example: () => <BridgeIcon />
+  }
+)

src/icons/CheckmarkIcon.figma.tsx

@@ -0,0 +1,12 @@
+import figma from '@figma/code-connect'
+import React from 'react'
+
+import { CheckmarkIcon } from './index'
+
+figma.connect(
+  CheckmarkIcon,
+  'https://figma.com/file/0OB1JVXSqaxmJDrP7qAMJr/?node-id=2159-28156', 
+  {
+    example: () => <CheckmarkIcon />
+  }
+)

src/icons/CloseIcon.figma.tsx

@@ -0,0 +1,12 @@
+import figma from '@figma/code-connect'
+import React from 'react'
+
+import { CloseIcon } from './index'
+
+figma.connect(
+  CloseIcon,
+  'https://figma.com/file/0OB1JVXSqaxmJDrP7qAMJr/?node-id=453-22010', 
+  {
+    example: () => <CloseIcon />
+  }
+)

src/icons/CollaboratorsIcon.figma.tsx

@@ -0,0 +1,12 @@
+import figma from '@figma/code-connect'
+import React from 'react'
+
+import { CollaboratorsIcon } from './index'
+
+figma.connect(
+  CollaboratorsIcon,
+  'https://figma.com/file/0OB1JVXSqaxmJDrP7qAMJr/?node-id=10474-2503', 
+  {
+    example: () => <CollaboratorsIcon />
+  }
+)

src/icons/CopyIcon.figma.tsx

@@ -0,0 +1,12 @@
+import figma from '@figma/code-connect'
+import React from 'react'
+
+import { CopyIcon } from './index'
+
+figma.connect(
+  CopyIcon,
+  'https://figma.com/file/0OB1JVXSqaxmJDrP7qAMJr/?node-id=453-22022', 
+  {
+    example: () => <CopyIcon />
+  }
+)

src/icons/CurrencyIcon.figma.tsx

@@ -0,0 +1,12 @@
+import figma from '@figma/code-connect'
+import React from 'react'
+
+import { CurrencyIcon } from './index'
+
+figma.connect(
+  CurrencyIcon,
+  'https://figma.com/file/0OB1JVXSqaxmJDrP7qAMJr/?node-id=2159-28205', 
+  {
+    example: () => <CurrencyIcon />
+  }
+)

src/icons/DeployIcon.figma.tsx

@@ -0,0 +1,12 @@
+import figma from '@figma/code-connect'
+import React from 'react'
+
+import { DeployIcon } from './index'
+
+figma.connect(
+  DeployIcon,
+  'https://figma.com/file/0OB1JVXSqaxmJDrP7qAMJr/?node-id=2146-28123', 
+  {
+    example: () => <DeployIcon />
+  }
+)

src/icons/DeviceIcon.figma.tsx

@@ -0,0 +1,12 @@
+import figma from '@figma/code-connect'
+import React from 'react'
+
+import { DeviceIcon } from './index'
+
+figma.connect(
+  DeviceIcon,
+  'https://figma.com/file/0OB1JVXSqaxmJDrP7qAMJr/?node-id=2159-28162', 
+  {
+    example: () => <DeviceIcon />
+  }
+)

src/icons/DocsIcon.figma.tsx

@@ -0,0 +1,12 @@
+import figma from '@figma/code-connect'
+import React from 'react'
+
+import { DocsIcon } from './index'
+
+figma.connect(
+  DocsIcon,
+  'https://figma.com/file/0OB1JVXSqaxmJDrP7qAMJr/?node-id=453-22070', 
+  {
+    example: () => <DocsIcon />
+  }
+)

src/icons/DotIcon.figma.tsx

@@ -0,0 +1,12 @@
+import figma from '@figma/code-connect'
+import React from 'react'
+
+import { DotIcon } from './index'
+
+figma.connect(
+  DotIcon,
+  'https://figma.com/file/0OB1JVXSqaxmJDrP7qAMJr/?node-id=453-22025', 
+  {
+    example: () => <DotIcon />
+  }
+)

src/icons/DownloadIcon.figma.tsx

@@ -0,0 +1,12 @@
+import figma from '@figma/code-connect'
+import React from 'react'
+
+import { DownloadIcon } from './index'
+
+figma.connect(
+  DownloadIcon,
+  'https://figma.com/file/0OB1JVXSqaxmJDrP7qAMJr/?node-id=2159-28107', 
+  {
+    example: () => <DownloadIcon />
+  }
+)

src/icons/DragIcon.figma.tsx

@@ -0,0 +1,12 @@
+import figma from '@figma/code-connect'
+import React from 'react'
+
+import { DragIcon } from './index'
+
+figma.connect(
+  DragIcon,
+  'https://figma.com/file/0OB1JVXSqaxmJDrP7qAMJr/?node-id=2364-1640', 
+  {
+    example: () => <DragIcon />
+  }
+)

src/icons/EditIcon.figma.tsx

@@ -0,0 +1,12 @@
+import figma from '@figma/code-connect'
+import React from 'react'
+
+import { EditIcon } from './index'
+
+figma.connect(
+  EditIcon,
+  'https://figma.com/file/0OB1JVXSqaxmJDrP7qAMJr/?node-id=453-22034', 
+  {
+    example: () => <EditIcon />
+  }
+)

src/icons/EllipsisIcon.figma.tsx

@@ -0,0 +1,12 @@
+import figma from '@figma/code-connect'
+import React from 'react'
+
+import { EllipsisIcon } from './index'
+
+figma.connect(
+  EllipsisIcon,
+  'https://figma.com/file/0OB1JVXSqaxmJDrP7qAMJr/?node-id=768-47027', 
+  {
+    example: () => <EllipsisIcon />
+  }
+)

src/icons/EmailIcon.figma.tsx

@@ -0,0 +1,12 @@
+import figma from '@figma/code-connect'
+import React from 'react'
+
+import { EmailIcon } from './index'
+
+figma.connect(
+  EmailIcon,
+  'https://figma.com/file/0OB1JVXSqaxmJDrP7qAMJr/?node-id=2159-28122', 
+  {
+    example: () => <EmailIcon />
+  }
+)

src/icons/GlobeIcon.figma.tsx

@@ -0,0 +1,12 @@
+import figma from '@figma/code-connect'
+import React from 'react'
+
+import { GlobeIcon } from './index'
+
+figma.connect(
+  GlobeIcon,
+  'https://figma.com/file/0OB1JVXSqaxmJDrP7qAMJr/?node-id=2159-28130', 
+  {
+    example: () => <GlobeIcon />
+  }
+)

src/icons/GridIcon.figma.tsx

@@ -0,0 +1,12 @@
+import figma from '@figma/code-connect'
+import React from 'react'
+
+import { GridIcon } from './index'
+
+figma.connect(
+  GridIcon,
+  'https://figma.com/file/0OB1JVXSqaxmJDrP7qAMJr/?node-id=2178-26429', 
+  {
+    example: () => <GridIcon />
+  }
+)

src/icons/HelpIcon.figma.tsx

@@ -0,0 +1,12 @@
+import figma from '@figma/code-connect'
+import React from 'react'
+
+import { HelpIcon } from './index'
+
+figma.connect(
+  HelpIcon,
+  'https://figma.com/file/0OB1JVXSqaxmJDrP7qAMJr/?node-id=453-22067', 
+  {
+    example: () => <HelpIcon />
+  }
+)

src/icons/HiddenIcon.figma.tsx

@@ -0,0 +1,12 @@
+import figma from '@figma/code-connect'
+import React from 'react'
+
+import { HiddenIcon } from './index'
+
+figma.connect(
+  HiddenIcon,
+  'https://figma.com/file/0OB1JVXSqaxmJDrP7qAMJr/?node-id=2146-28118', 
+  {
+    example: () => <HiddenIcon />
+  }
+)

src/icons/HomeIcon.figma.tsx

@@ -0,0 +1,12 @@
+import figma from '@figma/code-connect'
+import React from 'react'
+
+import { HomeIcon } from './index'
+
+figma.connect(
+  HomeIcon,
+  'https://figma.com/file/0OB1JVXSqaxmJDrP7qAMJr/?node-id=8044-1484', 
+  {
+    example: () => <HomeIcon />
+  }
+)

src/icons/IndexerIcon.figma.tsx

@@ -0,0 +1,12 @@
+import figma from '@figma/code-connect'
+import React from 'react'
+
+import { IndexerIcon } from './index'
+
+figma.connect(
+  IndexerIcon,
+  'https://figma.com/file/0OB1JVXSqaxmJDrP7qAMJr/?node-id=2209-26451', 
+  {
+    example: () => <IndexerIcon />
+  }
+)

src/icons/KeyIcon.figma.tsx

@@ -0,0 +1,12 @@
+import figma from '@figma/code-connect'
+import React from 'react'
+
+import { KeyIcon } from './index'
+
+figma.connect(
+  KeyIcon,
+  'https://figma.com/file/0OB1JVXSqaxmJDrP7qAMJr/?node-id=2511-2669', 
+  {
+    example: () => <KeyIcon />
+  }
+)

src/icons/LinkIcon.figma.tsx

@@ -0,0 +1,12 @@
+import figma from '@figma/code-connect'
+import React from 'react'
+
+import { LinkIcon } from './index'
+
+figma.connect(
+  LinkIcon,
+  'https://figma.com/file/0OB1JVXSqaxmJDrP7qAMJr/?node-id=2039-24951', 
+  {
+    example: () => <LinkIcon />
+  }
+)