Added a few fixes to Code Connect after adjusting Figma property names

packages/react/src/Blankslate/Blankslate.figma.tsx

@@ -1,43 +1,42 @@
 import {Blankslate} from '../Blankslate'
 import figma from '@figma/code-connect'
 
+const props = {
+  leadingVisual: figma.nestedProps('_BlankslateVisual', {
+    item: figma.children('leadingVisual'),
+  }),
+  size: figma.enum('size', {
+    small: 'small',
+    medium: 'medium',
+    large: 'large',
+  }),
+  spacious: figma.boolean('spacious'),
+  border: figma.boolean('border'),
+  heading: figma.textContent('Text: Heading'),
+  description: figma.textContent('Text: Description'),
+  primaryAction: figma.nestedProps('Primary action', {
+    text: figma.textContent('Button'),
+  }),
+  secondaryAction: figma.textContent('Secondary action link'),
+  'primaryAction?': figma.boolean('primaryAction?'),
+}
+
 figma.connect(Blankslate, 'https://www.figma.com/design/GCvY3Qv8czRgZgvl1dG6lp/Primer-Web?node-id=4398-2383&m=dev', {
-  props: {
-    leadingVisual: figma.nestedProps('_BlankslateVisual', {
-      item: figma.children('leadingVisual'),
-    }),
-    narrow: figma.boolean('narrow?'),
-    spacious: figma.boolean('spacious?'),
-    border: figma.boolean('border?'),
-    heading: figma.textContent('Text: Heading'),
-    description: figma.textContent('Text: Description'),
-  },
-  variant: {primaryAction: 'false', secondaryAction: 'false'},
-  example: ({leadingVisual, border, spacious, narrow, description, heading}) => (
-    <Blankslate border={border} spacious={spacious} narrow={narrow}>
+  props,
+  variant: {'primaryAction?': false, 'secondaryAction?': false},
+  example: ({leadingVisual, border, spacious, size, description, heading}) => (
+    <Blankslate border={border} spacious={spacious} size={size}>
       <Blankslate.Visual>{leadingVisual.item}</Blankslate.Visual>
       <Blankslate.Heading>{heading}</Blankslate.Heading>
       <Blankslate.Description>{description}</Blankslate.Description>
     </Blankslate>
   ),
 })
 figma.connect(Blankslate, 'https://www.figma.com/design/GCvY3Qv8czRgZgvl1dG6lp/Primer-Web?node-id=4398-2383&m=dev', {
-  props: {
-    leadingVisual: figma.nestedProps('_BlankslateVisual', {
-      item: figma.children('leadingVisual'),
-    }),
-    narrow: figma.boolean('narrow?'),
-    spacious: figma.boolean('spacious?'),
-    border: figma.boolean('border?'),
-    heading: figma.textContent('Text: Heading'),
-    description: figma.textContent('Text: Description'),
-    primaryAction: figma.nestedProps('Primary action', {
-      text: figma.textContent('Button'),
-    }),
-  },
-  variant: {primaryAction: 'true', secondaryAction: 'false'},
-  example: ({leadingVisual, border, spacious, narrow, description, heading, primaryAction}) => (
-    <Blankslate border={border} spacious={spacious} narrow={narrow}>
+  props,
+  variant: {'primaryAction?': true, 'secondaryAction?': false},
+  example: ({leadingVisual, border, spacious, size, description, heading, primaryAction}) => (
+    <Blankslate border={border} spacious={spacious} size={size}>
       <Blankslate.Visual>{leadingVisual.item}</Blankslate.Visual>
       <Blankslate.Heading>{heading}</Blankslate.Heading>
       <Blankslate.Description>{description}</Blankslate.Description>
@@ -46,23 +45,10 @@ figma.connect(Blankslate, 'https://www.figma.com/design/GCvY3Qv8czRgZgvl1dG6lp/P
   ),
 })
 figma.connect(Blankslate, 'https://www.figma.com/design/GCvY3Qv8czRgZgvl1dG6lp/Primer-Web?node-id=4398-2383&m=dev', {
-  props: {
-    leadingVisual: figma.nestedProps('_BlankslateVisual', {
-      item: figma.children('leadingVisual'),
-    }),
-    narrow: figma.boolean('narrow?'),
-    spacious: figma.boolean('spacious?'),
-    border: figma.boolean('border?'),
-    heading: figma.textContent('Text: Heading'),
-    description: figma.textContent('Text: Description'),
-    primaryAction: figma.nestedProps('Primary action', {
-      text: figma.textContent('Button'),
-    }),
-    secondaryAction: figma.textContent('Secondary action link'),
-  },
-  variant: {primaryAction: 'true', secondaryAction: 'true'},
-  example: ({leadingVisual, border, spacious, narrow, description, heading, primaryAction, secondaryAction}) => (
-    <Blankslate border={border} spacious={spacious} narrow={narrow}>
+  props,
+  variant: {'primaryAction?': true, 'secondaryAction?': true},
+  example: ({leadingVisual, border, spacious, size, description, heading, primaryAction, secondaryAction}) => (
+    <Blankslate border={border} spacious={spacious} size={size}>
       <Blankslate.Visual>{leadingVisual.item}</Blankslate.Visual>
       <Blankslate.Heading>{heading}</Blankslate.Heading>
       <Blankslate.Description>{description}</Blankslate.Description>
@@ -72,20 +58,10 @@ figma.connect(Blankslate, 'https://www.figma.com/design/GCvY3Qv8czRgZgvl1dG6lp/P
   ),
 })
 figma.connect(Blankslate, 'https://www.figma.com/design/GCvY3Qv8czRgZgvl1dG6lp/Primer-Web?node-id=4398-2383&m=dev', {
-  props: {
-    leadingVisual: figma.nestedProps('_BlankslateVisual', {
-      item: figma.children('leadingVisual'),
-    }),
-    narrow: figma.boolean('narrow?'),
-    spacious: figma.boolean('spacious?'),
-    border: figma.boolean('border?'),
-    heading: figma.textContent('Text: Heading'),
-    description: figma.textContent('Text: Description'),
-    secondaryAction: figma.textContent('Secondary action link'),
-  },
-  variant: {primaryAction: 'false', secondaryAction: 'true'},
-  example: ({leadingVisual, border, spacious, narrow, description, heading, secondaryAction}) => (
-    <Blankslate border={border} spacious={spacious} narrow={narrow}>
+  props,
+  variant: {'primaryAction?': false, 'secondaryAction?': true},
+  example: ({leadingVisual, border, spacious, size, description, heading, secondaryAction}) => (
+    <Blankslate border={border} spacious={spacious} size={size}>
       <Blankslate.Visual>{leadingVisual.item}</Blankslate.Visual>
       <Blankslate.Heading>{heading}</Blankslate.Heading>
       <Blankslate.Description>{description}</Blankslate.Description>

packages/react/src/BranchName/BranchName.figma.tsx

@@ -7,7 +7,7 @@ figma.connect(
   {
     props: {
       label: figma.textContent('branch_name'),
-      as: figma.enum('type', {
+      as: figma.enum('as', {
         text: 'span',
         link: undefined,
       }),

packages/react/src/Checkbox/Checkbox.figma.tsx

@@ -17,8 +17,8 @@ figma.connect(
       disabled: figma.enum('state', {
         disabled: true,
       }),
-      checked: figma.boolean('checked?'),
-      indeterminate: figma.boolean('indeterminate?'),
+      checked: figma.boolean('checked'),
+      indeterminate: figma.boolean('indeterminate'),
     },
     example: ({disabled, label, caption, checked, indeterminate, labelProps}) => (
       <FormControl disabled={disabled} required={labelProps.required}>

packages/react/src/Radio/Radio.figma.tsx

@@ -14,7 +14,7 @@ figma.connect(Radio, 'https://www.figma.com/design/GCvY3Qv8czRgZgvl1dG6lp/Primer
     disabled: figma.enum('state', {
       disabled: true,
     }),
-    checked: figma.boolean('checked?'),
+    checked: figma.boolean('checked'),
   },
   example: ({disabled, label, caption, checked, labelProps}) => (
     <FormControl disabled={disabled} required={labelProps.required}>

packages/react/src/ToggleSwitch/ToggleSwitch.figma.tsx

@@ -15,13 +15,13 @@ figma.connect(
         loading: true,
       }),
       checked: figma.boolean('checked'),
-      labelposition: figma.enum('label position', {
+      statusLabelPosition: figma.enum('status label position', {
         start: 'start',
         end: 'end',
       }),
     },
-    example: ({size, checked, labelposition, loading}) => (
-      <ToggleSwitch size={size} checked={checked} statusLabelPosition={labelposition} loading={loading} />
+    example: ({size, checked, statusLabelPosition, loading}) => (
+      <ToggleSwitch size={size} checked={checked} statusLabelPosition={statusLabelPosition} loading={loading} />
     ),
   },
 )

packages/react/src/UnderlineNav/UnderlineNav.figma.tsx

@@ -27,7 +27,7 @@ figma.connect(
       counter: figma.nestedProps('CounterLabel', {
         count: figma.textContent('text'),
       }),
-      leadingVisual: figma.boolean('leadingIcon?', {
+      leadingVisual: figma.boolean('leadingVisual?', {
         false: undefined,
         true: figma.children('Icon'),
       }),

packages/react/src/experimental/UnderlinePanels/UnderlinePanels.figma.tsx

@@ -14,7 +14,7 @@ figma.connect(UnderlinePanels, 'https://www.figma.com/design/GCvY3Qv8czRgZgvl1dG
 
 const UnderlinePanelsTabProps = {
   selected: figma.boolean('selected'),
-  leadingIcon: figma.boolean('leadingIcon?', {
+  leadingIcon: figma.boolean('leadingVisual?', {
     true: figma.instance('icon').getProps<{name: string; fn: React.FC<IconProps>}>(),
     false: undefined,
   }),
@@ -39,7 +39,7 @@ figma.connect(
   'https://www.figma.com/design/GCvY3Qv8czRgZgvl1dG6lp/Primer-Web?node-id=39456-2213&t=Ruhmu4yrZlzn11My-4',
   {
     props: UnderlinePanelsTabProps,
-    variant: {'leadingIcon?': true},
+    variant: {'leadingVisual?': true},
     example: ({label, selected, leadingIcon}) => (
       <UnderlinePanels.Tab aria-selected={selected} icon={leadingIcon.fn}>
         {label}
@@ -53,7 +53,7 @@ figma.connect(
   'https://www.figma.com/design/GCvY3Qv8czRgZgvl1dG6lp/Primer-Web?node-id=39456-2213&t=Ruhmu4yrZlzn11My-4',
   {
     props: UnderlinePanelsTabProps,
-    variant: {'leadingIcon?': true, 'counter?': true},
+    variant: {'leadingVisual?': true, 'counter?': true},
     example: ({label, selected, leadingIcon, counterProps}) => (
       <UnderlinePanels.Tab aria-selected={selected} icon={leadingIcon.fn} counter={counterProps.value}>
         {label}
@@ -67,7 +67,7 @@ figma.connect(
   'https://www.figma.com/design/GCvY3Qv8czRgZgvl1dG6lp/Primer-Web?node-id=39456-2213&t=Ruhmu4yrZlzn11My-4',
   {
     props: UnderlinePanelsTabProps,
-    variant: {'leadingIcon?': false, 'counter?': true},
+    variant: {'leadingVisual?': false, 'counter?': true},
     example: ({label, selected, counterProps}) => (
       <UnderlinePanels.Tab aria-selected={selected} counter={counterProps.value}>
         {label}