Work on implementing code connect to allow for realistic code preview…

… in figma (#4545)

* Work on implementing code connect

* adding config

* fixing lint issues

* fix for type issue

* fix some icons

* fixes for button and adding Link component

* add as property to branchname

* rm figma:sync script

* chore: fix typescript issues in Button.figma for code connect

* chore: fix typo

* chore: add nocheck for button and generate Octicon figma file

* chore: add notice to generated file

* fix icons

---------

Co-authored-by: Josh Black <joshblack@users.noreply.github.com>

.github/workflows/figma_connect_publish.yml

@@ -0,0 +1,17 @@
+name: Figma Connect Publish on Change
+
+on:
+  push:
+    paths:
+      - packages/react/src/components/**/*.figma.tsx
+    branches:
+      - main
+
+jobs:
+  code-connect:
+    name: Code Connect
+    runs-on: ubuntu-latest
+    steps:
+      - run: npx figma connect publish
+        env:
+          FIGMA_ACCESS_TOKEN: ${{ secrets.FIGMA_ACCESS_TOKEN }}

packages/react/figma.config.json

@@ -0,0 +1,12 @@
+{
+  "codeConnect": {
+    "include": ["src/**/*.figma.tsx", "src/**/*.tsx"],
+    "exclude": ["test/**", "docs/**", "build/**"],
+    "react": {
+      "importPaths": {
+        "./src/*": "@primer/react"
+      },
+      "paths": {}
+    }
+  }
+}

packages/react/package.json

@@ -126,6 +126,7 @@
     "@babel/plugin-transform-modules-commonjs": "7.24.1",
     "@babel/preset-react": "7.23.3",
     "@babel/preset-typescript": "7.24.1",
+    "@figma/code-connect": "^0.1.1",
     "@primer/css": "^21.0.1",
     "@rollup/plugin-babel": "6.0.4",
     "@rollup/plugin-commonjs": "25.0.4",
@@ -241,4 +242,4 @@
       "optional": true
     }
   }
-}
+}