feat(CC-batch-1): updated props

Author: mattnolting

packages/code-connect/components/AboutModal/AboutModal.figma.tsx

@@ -13,15 +13,21 @@ figma.connect(
       // string
       productName: figma.string('Product name'),
 
+      trademark: 'Copyright © 2024',
+      brandImageSrc: 'Brand Image Source',
+      brandImageAlt: 'Brand Image Alt Text',
+      backgroundImageSrc: '/assets/images/background.png',
+
+      // children
       children: figma.children('*')
     },
     example: (props) => (
       <AboutModal
         productName={props.productName}
-        trademark="Copyright © 2024"
-        brandImageSrc="Brand Image Source"
-        brandImageAlt="Brand Image Alt Text"
-        backgroundImageSrc="/assets/images/background.png"
+        trademark={props.trademark}
+        brandImageSrc={props.brandImageSrc}
+        brandImageAlt={props.brandImageAlt}
+        backgroundImageSrc={props.backgroundImageSrc}
       >
         {props.children}
       </AboutModal>

packages/code-connect/components/Accordion/Accordion.figma.tsx

@@ -2,7 +2,8 @@ import figma from '@figma/code-connect';
 import { Accordion } from '@patternfly/react-core';
 
 /**
- * PatternFly Accordion component integration for Figma Code Connect
+ * PatternFly AccordionToggle integration for Figma Code Connect
+ * @patternfly https://www.patternfly.org/components/accordion
  */
 
 figma.connect(
@@ -11,13 +12,13 @@ figma.connect(
   {
     props: {
       // enum
-      displaySize: figma.enum('Type', {
-        'Large Bordered': 'lg'
-      }),
       isBordered: figma.enum('Type', {
         Bordered: true,
         'Large Bordered': true
       }),
+      displaySize: figma.enum('Type', {
+        'Large Bordered': 'lg'
+      }),
       togglePosition: figma.enum('Caret position', {
         Left: 'start'
       }),

packages/code-connect/components/Accordion/AccordionToggle.figma.tsx

@@ -2,35 +2,34 @@ import figma from '@figma/code-connect';
 import { AccordionItem, AccordionToggle, AccordionContent } from '@patternfly/react-core';
 
 /**
- * PatternFly Accordion component integration for Figma Code Connect
+ * PatternFly AccordionToggle integration for Figma Code Connect
+ * @patternfly https://www.patternfly.org/components/accordion
  */
 
 figma.connect(
   AccordionToggle,
-  'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1423-687&m=dev',
+  'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1423-687',
   {
     props: {
       // string
       expandText: figma.string('Expand Text'),
 
-      // enums
+      // enum
       toggleTextExpanded: figma.enum('State', {
         Default: figma.string('Toggle Text'),
         Hover: figma.string('Toggle Text'),
         Expanded: figma.string('Toggle Text Expanded')
       }),
-
-      // enum
-      isExpanded: figma.enum('State', {
-        Expanded: true
-      }),
+      isExpanded: figma.enum('State', { Expanded: true }),
 
       children: figma.children('*')
     },
     example: (props) => (
       <AccordionItem isExpanded={props.isExpanded}>
-        <AccordionToggle>{props.toggleTextExpanded}</AccordionToggle>
-        <AccordionContent>
+        <AccordionToggle onClick={() => {}} id="<your-id>">
+          {props.toggleTextExpanded}
+        </AccordionToggle>
+        <AccordionContent id="accordion-content-example">
           <p>{props.expandText}</p>
         </AccordionContent>
       </AccordionItem>

packages/code-connect/components/ActionList/ActionList.figma.tsx

@@ -2,16 +2,18 @@ import figma from '@figma/code-connect';
 import { ActionList } from '@patternfly/react-core';
 
 /**
- * PatternFly ActionList integration for Figma Code Connect
+ * PatternFly AccordionToggle integration for Figma Code Connect
+ * @patternfly https://www.patternfly.org/components/action-list
  */
 
 figma.connect(
   ActionList,
   'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=6780-15839&m=dev',
   {
     props: {
+      isIconList: figma.enum('Type', { 'Action icons only': true }),
       children: figma.children('*')
     },
-    example: (props) => <ActionList>{props.children}</ActionList>
+    example: (props) => <ActionList isIconList={props.isIconList}>{props.children}</ActionList>
   }
 );

packages/code-connect/components/BackgroundImage/BackgroundImage.figma.tsx

@@ -2,7 +2,8 @@ import figma from '@figma/code-connect';
 import { BackgroundImage } from '@patternfly/react-core';
 
 /**
- * PatternFly BackgroundImage component integration for Figma Code Connect
+ * PatternFly AccordionToggle integration for Figma Code Connect
+ * @patternfly https://www.patternfly.org/components/background-image
  */
 
 figma.connect(

packages/code-connect/components/ClipboardCopy/ClipboardCopyBasic.figma.tsx

@@ -14,11 +14,20 @@ figma.connect(
       isActive: figma.enum('State', { Active: true }),
       isReadOnly: figma.enum('State', { 'Read only': true }),
       isExpanded: figma.enum('State', { Expanded: true }),
+      expansion: figma.enum('State', {
+        Expanded: 'expansion',
+        false: undefined
+      }),
 
       children: figma.children('*')
     },
     example: (props) => (
-      <ClipboardCopy isReadOnly={props.isReadOnly} isExpanded={props.isExpanded} isActive={props.isActive}>
+      <ClipboardCopy
+        isReadOnly={props.isReadOnly}
+        variant={props.expansion}
+        isExpanded={props.isExpanded}
+        isActive={props.isActive}
+      >
         {props.children}
       </ClipboardCopy>
     )