feat(code-connect): add web component code connect config setup (#8387)

* feat(code-connect): setup web component config

* fix: use correct path for working-directory

Author: matthewgallo

.github/workflows/code-connect.yml

@@ -1,16 +1,19 @@
-name: Figma Code Connect, publish
+name: Figma Code Connect, publish both React and Web component configs
 
 on:
   push:
-    paths:
-      - src/packages/ibm-products/**/*.figma.tsx
     branches:
       - main
 
 jobs:
   code-connect:
-    name: Code Connect
+    name: Code Connect - ${{ matrix.package }}
     runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        package:
+          - ibm-products
+          - ibm-products-web-components
     steps:
       - name: Checkout
         uses: actions/checkout@08c6903cd8c0fde910a37f88322edcfb5dd907a8 # v5.0.0
@@ -27,7 +30,7 @@ jobs:
       - name: Install
         run: yarn
       - name: Run publish
-        working-directory: packages/ibm-products
+        working-directory: packages/${{ matrix.package }}
         run: npx figma connect publish
         env:
           FIGMA_ACCESS_TOKEN: ${{ secrets.FIGMA_ACCESS_TOKEN }}

packages/ibm-products-web-components/figma.config.json

@@ -0,0 +1,10 @@
+{
+  "codeConnect": {
+    "parser": "html",
+    "include": ["src/**"],
+    "interactiveSetupFigmaFileUrl": "https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf/-v11--IBM-Products-%E2%80%93-Carbon-Design-System?m=auto&node-id=4395-242870&t=yYYqoolgX9f4bm4c-1",
+    "importPaths": {
+      "packages/ibm-products-web-components/src/*": "@carbon/ibm-products-web-components"
+    }
+  }
+}

figma.config.json renamed to packages/ibm-products/figma.config.json

@@ -1,6 +1,10 @@
 {
   "codeConnect": {
-    "include": ["packages/ibm-products/src/**/*.{tsx,jsx}"],
+    "parser": "react",
+    "importPaths": {
+      "packages/ibm-products/src/*": "@carbon/ibm-products"
+    },
+    "include": ["src/**"],
     "label": "React",
     "interactiveSetupFigmaFileUrl": "https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf/-v11--IBM-Products-%E2%80%93-Carbon-Design-System?m=auto&node-id=4395-242870&t=yYYqoolgX9f4bm4c-1"
   }