feat(code-connect): Connect AILabel

packages/react/code-connect/AILabel/AILabel.figma.tsx

@@ -0,0 +1,51 @@
+/**
+ * Copyright IBM Corp. 2016, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+// @ts-nocheck
+import React from 'react';
+import { AILabel } from '@carbon/react';
+import figma from '@figma/code-connect';
+
+figma.connect(
+  AILabel,
+  'https://www.figma.com/design/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?node-id=51447-1916&t=9XaizJDx8eI6KgQz-4',
+  {
+    props: {
+      aiText: figma.string('Text translation'),
+      size: figma.enum('Size', {
+        '16px': 'mini',
+        '20px': '2xs',
+        '24px': 'xs',
+        '32px': 'sm',
+        '40px': 'md',
+        '48px': 'lg',
+        '64px': 'xl',
+      }),
+    },
+    example: ({ ...props }) => <AILabel autoAlign {...props} />,
+  }
+);
+
+// inline
+figma.connect(
+  AILabel,
+  'https://www.figma.com/design/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?node-id=51447-2035&t=9XaizJDx8eI6KgQz-4',
+  {
+    props: {
+      aiText: figma.string('Text translation'),
+      textLabel: figma.enum('Type', {
+        'Text + Icon': figma.string('Slug text'),
+      }),
+      size: figma.enum('Size', {
+        '12px': 'sm',
+        '14px': 'md',
+        '16px': 'lg',
+      }),
+    },
+    example: ({ ...props }) => <AILabel autoAlign kind="inline" {...props} />,
+  }
+);

packages/react/code-connect/AILabel/AILabelActions.figma.tsx

@@ -0,0 +1,26 @@
+/**
+ * Copyright IBM Corp. 2016, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+// @ts-nocheck
+import React from 'react';
+import { AILabelActions } from '@carbon/react';
+import figma from '@figma/code-connect';
+
+figma.connect(
+  AILabelActions,
+  'https://www.figma.com/design/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?node-id=57561-3559&t=SB9qULZbn3FRopvU-4',
+  {
+    props: {
+      detailsbutton59717: figma.boolean('Details button'),
+      action359716: figma.boolean('Action 3'),
+      action259715: figma.boolean('Action 2'),
+      action159714: figma.boolean('Action 1'),
+      children: figma.children('*'),
+    },
+    example: ({ children }) => <AILabelActions>{children}</AILabelActions>,
+  }
+);

packages/react/code-connect/AILabel/AILabelContent.figma.tsx

@@ -0,0 +1,64 @@
+/**
+ * Copyright IBM Corp. 2016, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+// @ts-nocheck
+import React from 'react';
+import { AILabelContent } from '@carbon/react';
+import figma from '@figma/code-connect';
+
+figma.connect(
+  AILabelContent,
+  'https://www.figma.com/design/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?node-id=57561-3508&t=SB9qULZbn3FRopvU-4',
+  {
+    props: {
+      title: figma.string('AI title'),
+      description: figma.string('AI description'),
+      slotOne: figma.boolean('Slot 1', {
+        true: figma.instance('Swap slot 1'),
+        false: '',
+      }),
+      slotTwo: figma.boolean('Slot 2', {
+        true: figma.instance('Swap slot 2'),
+      }),
+      slotThree: figma.boolean('Slot 3', {
+        true: figma.instance('Swap slot 3'),
+      }),
+      slotFour: figma.boolean('Slot 4', {
+        true: figma.instance('Swap slot 4'),
+      }),
+      actions: figma.children(['Actions footer']),
+    },
+    example: ({
+      title,
+      description,
+      slotOne,
+      slotTwo,
+      slotThree,
+      slotFour,
+      actions,
+    }) => (
+      <AILabelContent>
+        {slotOne}
+        <div>
+          <p>AI Explained</p>
+          <h1>{title}</h1>
+          <p>{description}</p>
+          {slotOne}
+          <hr />
+          {slotTwo}
+          <p>
+            This is sample placeholder content, replace with your own content
+            and custom styles.
+          </p>
+          {slotThree}
+          {slotFour}
+        </div>
+        {actions}
+      </AILabelContent>
+    ),
+  }
+);

packages/react/code-connect/Tabs/Tabs.figma.tsx

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-/* eslint-disable react/jsx-no-duplicate-props */
 // @ts-nocheck
 import React from 'react';
 import {
@@ -34,12 +33,14 @@ figma.connect(
         size: figma.enum('Size', {
           Large: 'lg',
         }),
-        dismissable: figma.boolean('Dismissible'),
-        dismissablePlusIcon: figma.boolean('Dismissible + Icon'),
+        dismissable: figma.boolean('Dismissible', {
+          true: true,
+          false: figma.boolean('Dismissible + Icon'),
+        }),
       }),
     },
     example: ({ children, contained, fullWidth, tab }) => (
-      <Tabs dismissable={tab.dismissable} dismissable={tab.dismissablePlusIcon}>
+      <Tabs dismissable={tab.dismissable}>
         <TabList
           aria-label="List of tabs"
           contained={contained}

packages/react/code-connect/Tooltip/Tooltip.figma.tsx

@@ -77,7 +77,7 @@ figma.connect(
         openOnHover
         definition={tooltip.definition}
         align={align}>
-        {tooltip.children}
+        {item.children}
       </DefinitionTooltip>
     ),
   }

packages/react/package.json

@@ -81,7 +81,7 @@
     "@babel/preset-typescript": "^7.24.7",
     "@carbon/test-utils": "^10.31.0",
     "@carbon/themes": "^11.39.0",
-    "@figma/code-connect": "^1.0.4",
+    "@figma/code-connect": "^1.0.6",
     "@rollup/plugin-babel": "^6.0.0",
     "@rollup/plugin-commonjs": "^26.0.0",
     "@rollup/plugin-node-resolve": "^15.0.0",

yarn.lock

@@ -2021,7 +2021,7 @@ __metadata:
     "@carbon/styles": "npm:^1.64.0"
     "@carbon/test-utils": "npm:^10.31.0"
     "@carbon/themes": "npm:^11.39.0"
-    "@figma/code-connect": "npm:^1.0.4"
+    "@figma/code-connect": "npm:^1.0.6"
     "@floating-ui/react": "npm:^0.26.0"
     "@ibm/telemetry-js": "npm:^1.5.0"
     "@rollup/plugin-babel": "npm:^6.0.0"
@@ -3066,16 +3066,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@figma/code-connect@npm:^1.0.4":
-  version: 1.0.4
-  resolution: "@figma/code-connect@npm:1.0.4"
+"@figma/code-connect@npm:^1.0.6":
+  version: 1.0.6
+  resolution: "@figma/code-connect@npm:1.0.6"
   dependencies:
     "@babel/core": "npm:^7.24.7"
     "@babel/generator": "npm:^7.24.7"
     "@babel/parser": "npm:^7.24.7"
     "@babel/types": "npm:^7.24.7"
     "@storybook/csf-tools": "npm:^7.6.7"
-    axios: "npm:^1.6.0"
+    axios: "npm:^1.7.4"
     boxen: "npm:5.1.1"
     chalk: "npm:^4.1.2"
     commander: "npm:^11.1.0"
@@ -3096,7 +3096,7 @@ __metadata:
     zod-validation-error: "npm:^3.2.0"
   bin:
     figma: bin/figma
-  checksum: 10/a412e637748513ae64888032c62856a34680581ad4bfb03e4b03a37eee41b13b9b3d43df1cb74c2d9ec8dcf0c6ac82b72a22da5655e21f91a832e5b5bef2adcf
+  checksum: 10/952cf06f6a7e792cc41ca3e208ceb4d926823039882d208c074312bad817be0c4fbdd0dfbd38ac71f34e82eb3a0f6254678bf73bd5a2644823f13e2e37c31948
   languageName: node
   linkType: hard
 
@@ -8194,7 +8194,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"axios@npm:^1.4.0, axios@npm:^1.5.1, axios@npm:^1.6.0":
+"axios@npm:^1.4.0, axios@npm:^1.5.1":
   version: 1.7.3
   resolution: "axios@npm:1.7.3"
   dependencies:
@@ -8205,6 +8205,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"axios@npm:^1.7.4":
+  version: 1.7.5
+  resolution: "axios@npm:1.7.5"
+  dependencies:
+    follow-redirects: "npm:^1.15.6"
+    form-data: "npm:^4.0.0"
+    proxy-from-env: "npm:^1.1.0"
+  checksum: 10/6cbcfe943a84089f420a900a3a3aeb54ee94dcc9c2b81b150434896357be5d1079eff0b1bbb628597371e79f896b1bc5776df04184756ba99656ff31df9a75bf
+  languageName: node
+  linkType: hard
+
 "axobject-query@npm:^3.1.1":
   version: 3.1.1
   resolution: "axobject-query@npm:3.1.1"
@@ -8631,7 +8642,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"braces@npm:^3.0.2, braces@npm:^3.0.3, braces@npm:~3.0.2":
+"braces@npm:^3.0.2, braces@npm:~3.0.2":
+  version: 3.0.2
+  resolution: "braces@npm:3.0.2"
+  dependencies:
+    fill-range: "npm:^7.0.1"
+  checksum: 10/966b1fb48d193b9d155f810e5efd1790962f2c4e0829f8440b8ad236ba009222c501f70185ef732fef17a4c490bb33a03b90dab0631feafbdf447da91e8165b1
+  languageName: node
+  linkType: hard
+
+"braces@npm:^3.0.3":
   version: 3.0.3
   resolution: "braces@npm:3.0.3"
   dependencies:
@@ -13376,6 +13396,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"fill-range@npm:^7.0.1":
+  version: 7.0.1
+  resolution: "fill-range@npm:7.0.1"
+  dependencies:
+    to-regex-range: "npm:^5.0.1"
+  checksum: 10/e260f7592fd196b4421504d3597cc76f4a1ca7a9488260d533b611fc3cefd61e9a9be1417cb82d3b01ad9f9c0ff2dbf258e1026d2445e26b0cf5148ff4250429
+  languageName: node
+  linkType: hard
+
 "fill-range@npm:^7.1.1":
   version: 7.1.1
   resolution: "fill-range@npm:7.1.1"