Unordered list working

packages/react/figma/Accordion.figma.tsx

@@ -1,4 +1,5 @@
 import figma from '@figma/code-connect'
+import React from 'react'
 import { Accordion } from '../src/Accordion/Accordion'
 import { AccordionSection } from '../src/Accordion/AccordionSection'
 

packages/react/figma/UnorderedList.figma.tsx

@@ -0,0 +1,70 @@
+import figma from '@figma/code-connect'
+import React from 'react'
+import { UnorderedList } from '../src/UnorderedList/UnorderedList'
+import { UnorderedListItem } from '../src/UnorderedList/UnorderedListItem'
+
+/**
+ * -- This file was auto-generated by `figma connect create` --
+ * `props` includes a mapping from Figma properties and variants to
+ * suggested values. You should update this to match the props of your
+ * code component, and update the `example` function to return the
+ * code example you'd like to see in Figma
+ */
+
+figma.connect(
+  UnorderedList,
+  'https://www.figma.com/design/9IGm6IdPUYizBNGsUnueBd/Amsterdam-Design-System?node-id=24090-19658&node-type=frame&m=dev',
+  {
+    props: {
+      children: figma.children(['_Unordered list item']),
+      size: figma.enum('Size', {
+        Default: undefined,
+        Small: 'small',
+      }),
+    },
+    example: ({ children, size }) => <UnorderedList size={size}>{children}</UnorderedList>,
+  },
+)
+
+figma.connect(
+  UnorderedListItem,
+  'https://www.figma.com/design/9IGm6IdPUYizBNGsUnueBd/Amsterdam-Design-System?node-id=24090-20028&node-type=frame&m=dev',
+  {
+    props: {
+      text: figma.string('Text'),
+      children: figma.children(['_Unordered list sub list']),
+    },
+    example: ({ text, children }) => (
+      <UnorderedList.Item>
+        {text}
+        {children}
+      </UnorderedList.Item>
+    ),
+  },
+)
+
+figma.connect(
+  UnorderedList,
+  'https://www.figma.com/design/9IGm6IdPUYizBNGsUnueBd/Amsterdam-Design-System?node-id=24093-1757&node-type=frame&m=dev',
+  {
+    props: {
+      children: figma.children(['_Unordered list sub item']),
+      size: figma.enum('Size', {
+        Default: undefined,
+        Small: 'small',
+      }),
+    },
+    example: ({ children, size }) => <UnorderedList size={size}>{children}</UnorderedList>,
+  },
+)
+
+figma.connect(
+  UnorderedListItem,
+  'https://www.figma.com/design/9IGm6IdPUYizBNGsUnueBd/Amsterdam-Design-System?node-id=24093-1751&node-type=frame&m=dev',
+  {
+    props: {
+      text: figma.string('Text'),
+    },
+    example: ({ text }) => <UnorderedList.Item>{text}</UnorderedList.Item>,
+  },
+)

packages/react/tsconfig.json

@@ -22,13 +22,6 @@
     "strict": true,
     "target": "es2020"
   },
-  "include": [
-    "next-env.d.ts",
-    "src/**/*.ts",
-    "src/**/*.tsx",
-    "figma/Accordion.figma.tsx",
-    "figma/Button.figma.tsx",
-    "figma/Heading.figma.tsx"
-  ],
+  "include": ["next-env.d.ts", "src/**/*.ts", "src/**/*.tsx", "figma/**/*.tsx"],
   "exclude": ["node_modules"]
 }