feat: Code connect

.github/create_code_connect/action.yml

@@ -0,0 +1,10 @@
+name: "Create Code Connect"
+description: "Generate code connect files"
+inputs:
+  figma-access-token:
+    description: "The personal access token given by Figma. Required to make API calls"
+    required: true
+
+runs:
+  using: "node20"
+  main: "index.js"

.github/create_code_connect/index.js

@@ -0,0 +1,11 @@
+import { readFileSync } from "fs";
+import { generateCodeConnectFiles } from "../../dist/scripts/code-connect/generate-code-connect-files.js";
+
+const main = async () => {
+  const iconManifest = new Map(Object.entries(JSON.parse(readFileSync("../../outputs/icon-manifest.json"))));
+  const dir = "../../outputs/code-connect";
+
+  generateCodeConnectFiles(dir, iconManifest);
+};
+
+main();

.github/publish_code_connect/action.yml

@@ -0,0 +1,10 @@
+name: "Publish Code Connect"
+description: "Publish code connect files"
+inputs:
+  figma-access-token:
+    description: "The personal access token given by Figma. Required to make API calls"
+    required: true
+
+runs:
+  using: "node20"
+  main: "index.js"

.github/publish_code_connect/index.js

@@ -0,0 +1,13 @@
+import core from "@actions/core";
+import util from "util";
+import { exec } from "child_process";
+const asyncExec = util.promisify(exec);
+
+const FIGMA_ACCESS_TOKEN = core.getInput("figma-access-token") || process.env.FIGMA_ACCESS_TOKEN;
+
+const { stdout, stderr } = await asyncExec(`npx figma connect publish --token ${FIGMA_ACCESS_TOKEN}`, {
+  cwd: "../..",
+});
+
+console.log(stdout);
+console.error(stderr);

.github/workflows/build.yml

@@ -46,6 +46,9 @@ jobs:
           figma-access-token: ${{ secrets.FIGMA_PERSONAL_ACCESS_TOKEN }}
       - name: Icons changed
         run: echo ${{ steps.fetch_icons.outputs.files_changed }}
+      - name: Create code connect files
+        if: ${{ steps.fetch_icons.outputs.files_changed  == 'true'}}
+        uses: ./.github/create_code_connect
       - name: Get current date
         if: ${{ steps.fetch_icons.outputs.files_changed  == 'true'}}
         id: date

.github/workflows/on-release.yml

@@ -27,6 +27,10 @@ jobs:
         run: npm publish
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+      - name: Publish code connect
+        uses: ./.github/publish_code_connect
+        with:
+          figma-access-token: ${{ secrets.FIGMA_PERSONAL_ACCESS_TOKEN }}
 
   update_npm_dependencies:
     needs: publish

figma.config.json

@@ -0,0 +1,6 @@
+{
+  "codeConnect": {
+    "include": ["outputs/code-connect/**/*.figma.ts"],
+    "exclude": ["test/**/*.figma.ts"]
+  }
+}

outputs/code-connect/activity.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=4937:519", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>activity</zeta-icon>`,
+});

outputs/code-connect/add.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=250:723", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>add</zeta-icon>`,
+});

outputs/code-connect/add_alert.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=240:46", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>add-alert</zeta-icon>`,
+});

outputs/code-connect/add_box.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=250:701", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>add-box</zeta-icon>`,
+});

outputs/code-connect/add_call.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=243:4518", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>add-call</zeta-icon>`,
+});

outputs/code-connect/add_circle.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=250:702", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>add-circle</zeta-icon>`,
+});

outputs/code-connect/add_circle_outline.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=250:703", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>add-circle outline</zeta-icon>`,
+});

outputs/code-connect/add_group.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=257:1122", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>add-group</zeta-icon>`,
+});

outputs/code-connect/add_person.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=257:1119", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>add-person</zeta-icon>`,
+});

outputs/code-connect/add_task.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=4932:54", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>add-task</zeta-icon>`,
+});

outputs/code-connect/adjustments.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=259:1753", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>adjustments</zeta-icon>`,
+});

outputs/code-connect/alarm.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=243:4022", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>alarm</zeta-icon>`,
+});

outputs/code-connect/alert.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=803:1800", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>alert</zeta-icon>`,
+});

outputs/code-connect/alert_active.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=257:1126", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>alert-active</zeta-icon>`,
+});

outputs/code-connect/alert_outline.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=257:1128", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>alert-outline</zeta-icon>`,
+});

outputs/code-connect/align_center.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=258:1126", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>align-center</zeta-icon>`,
+});

outputs/code-connect/align_horizontal_center.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=257:1358", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>align-horizontal center</zeta-icon>`,
+});

outputs/code-connect/align_horizontal_left.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=258:1112", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>align-horizontal left</zeta-icon>`,
+});

outputs/code-connect/align_horizontal_right.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=258:1111", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>align-horizontal right</zeta-icon>`,
+});

outputs/code-connect/align_left.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=258:1123", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>align-left</zeta-icon>`,
+});

outputs/code-connect/align_right.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=258:1125", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>align-right</zeta-icon>`,
+});

outputs/code-connect/align_vertical_bottom.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=258:1113", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>align-vertical bottom</zeta-icon>`,
+});

outputs/code-connect/align_vertical_center.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=258:1110", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>align-vertical center</zeta-icon>`,
+});

outputs/code-connect/align_vertical_top.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=258:1114", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>align-vertical top</zeta-icon>`,
+});

outputs/code-connect/analytics.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=4932:3536", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>analytics</zeta-icon>`,
+});

outputs/code-connect/android.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=649:1688", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>android</zeta-icon>`,
+});

outputs/code-connect/antenna.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=833:2254", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>antenna</zeta-icon>`,
+});

outputs/code-connect/app_edit.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=4937:483", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>app-edit</zeta-icon>`,
+});

outputs/code-connect/apps.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=243:4810", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>apps</zeta-icon>`,
+});

outputs/code-connect/ar.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=243:4026", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>ar</zeta-icon>`,
+});

outputs/code-connect/arrow_back.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=243:4858", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>arrow-back</zeta-icon>`,
+});

outputs/code-connect/arrow_down.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=247:571", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>arrow-down</zeta-icon>`,
+});

outputs/code-connect/arrow_forward.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=247:570", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>arrow-forward</zeta-icon>`,
+});

outputs/code-connect/arrow_up.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=247:572", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>arrow-up</zeta-icon>`,
+});

outputs/code-connect/attachment.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=258:1173", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>attachment</zeta-icon>`,
+});

outputs/code-connect/audio.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=4932:3370", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>audio</zeta-icon>`,
+});

outputs/code-connect/audit_activity.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=4932:36", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>audit-activity</zeta-icon>`,
+});

outputs/code-connect/auto.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=1105:3170", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>auto</zeta-icon>`,
+});

outputs/code-connect/auto_delete.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=243:4376", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>auto-delete</zeta-icon>`,
+});

outputs/code-connect/awb.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=1108:3291", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>awb</zeta-icon>`,
+});

outputs/code-connect/backspace.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=250:724", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>backspace</zeta-icon>`,
+});

outputs/code-connect/bad_mood.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=257:1132", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>bad-mood</zeta-icon>`,
+});

outputs/code-connect/barcode.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=839:1991", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>barcode</zeta-icon>`,
+});

outputs/code-connect/barcode_bluetooth.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=839:1926", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>barcode-bluetooth</zeta-icon>`,
+});

outputs/code-connect/barcode_done.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=841:2071", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>barcode-done</zeta-icon>`,
+});

outputs/code-connect/barcode_image_scan.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=841:2086", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>barcode-image scan</zeta-icon>`,
+});

outputs/code-connect/barcode_qr_code.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=839:1956", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>barcode-qr code</zeta-icon>`,
+});

outputs/code-connect/barcode_scanner_down.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=839:1941", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>barcode-scanner down</zeta-icon>`,
+});

outputs/code-connect/barcode_settings.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=839:1911", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>barcode-settings</zeta-icon>`,
+});

outputs/code-connect/basket.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=4932:3402", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>basket</zeta-icon>`,
+});

outputs/code-connect/battery.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=257:787", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>battery</zeta-icon>`,
+});

outputs/code-connect/battery_alert.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=257:786", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>battery-alert</zeta-icon>`,
+});

outputs/code-connect/battery_charging.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=257:788", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>battery-charging</zeta-icon>`,
+});

outputs/code-connect/block.figma.ts

@@ -0,0 +1,5 @@
+import { figma, html } from "@figma/code-connect/html";
+figma.connect("https://www.figma.com/design/VQ7Aa3rDYB7mgpToI3bZ4D?node-id=259:1491", {
+  props: { rounded: figma.enum("Style", { Round: true, Sharp: false }) },
+  example: (props) => html`<zeta-icon rounded=${props.rounded}>block</zeta-icon>`,
+});