update

Author: mattnolting

packages/react-core/codeConnect/components/AboutModal.figma.tsx

@@ -1,17 +1,17 @@
-import React from 'react';
-import { AboutModal } from 'src/components/AboutModal/AboutModal';
+import { AboutModal } from '@patternfly/react-core/dist/js/components/AboutModal';
 import figma from '@figma/code-connect';
 
 figma.connect(
   AboutModal,
-  'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/branch/H3LonYnwH26v9zNEa2SXFk/PatternFly-6%3A-Components?node-id=2879-13973&m=dev',
+  'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6%3A-Components-Test?node-id=2879-13973&m=dev',
   {
     // reserve variables for mapping
     // use props for Figma design file properties
     props: {
       productName: figma.string('Product name'),
+
       // use `Content` ubiquitiously
-      figmaText: figma.textContent('Content')
+      children: figma.children('*')
     },
     example: (props) => (
       <AboutModal
@@ -20,8 +20,9 @@ figma.connect(
         brandImageSrc="/assets/brand_image_src.jpg"
         productName={props.productName}
         trademark={'Sample footer trademark text'}
+        aria-label="About modal"
       >
-        {props.figmaText}
+        {props.children}
       </AboutModal>
     )
   }

packages/react-core/codeConnect/components/Avatar.figma.tsx

@@ -1,5 +1,4 @@
-import React from 'react';
-import { Avatar } from 'src/components/Avatar';
+import { Avatar } from '@patternfly/react-core/dist/js/components/Avatar';
 import figma from '@figma/code-connect/react';
 
 figma.connect(
@@ -22,6 +21,6 @@ figma.connect(
         figma.boolean('Bordered', { true: 'pf-m-bordered', false: '' })
       ])
     },
-    example: (props) => <Avatar className={props.className} />
+    example: (props) => <Avatar alt="Avatar image" className={props.className} />
   }
 );

packages/react-core/codeConnect/components/BackToTop.figma.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BackToTop } from 'src/components/BackToTop';
 import figma from '@figma/code-connect';
 

packages/react-core/codeConnect/components/BackgroundImage.figma.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { BackgroundImage } from 'src/components/BackgroundImage';
 import figma from '@figma/code-connect';
 
@@ -14,12 +13,6 @@ figma.connect(
   BackgroundImage,
   'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/branch/H3LonYnwH26v9zNEa2SXFk/PatternFly-6%3A-Components?node-id=2722-13543&t=7hKW0DzmfHGhNQnn-11',
   {
-    props: {
-      theme: figma.enum('Theme', {
-        'On Primary': 'on-primary',
-        'On Secondary': 'on-secondary'
-      })
-    },
-    example: (props) => <BackgroundImage />
+    example: () => <BackgroundImage {...props} />
   }
 );

packages/react-core/codeConnect/components/Banner.figma.tsx

@@ -85,7 +85,7 @@ figma.connect(
         Custom: 'custom'
       })
     },
-    example: (props) => <Banner />
+    example: (props) => <Banner>{props.figmaText}</Banner>
   }
 );
 
@@ -119,6 +119,6 @@ figma.connect(
         Gray: 'gray'
       })
     },
-    example: (props) => <Banner />
+    example: (props) => <Banner>{props.figmaText}</Banner>
   }
 );

packages/react-core/codeConnect/components/Brand.figma.tsx

@@ -1,5 +1,4 @@
-import React from 'react';
-import { Brand, BrandProps } from 'src/components/Brand';
+import { Brand } from 'src/components/Brand';
 import figma from '@figma/code-connect';
 
 /**
@@ -14,8 +13,7 @@ figma.connect(
   Brand,
   'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/branch/H3LonYnwH26v9zNEa2SXFk/PatternFly-6%3A-Components?node-id=2104-3689&t=7hKW0DzmfHGhNQnn-11',
   {
-    props: {},
-    example: (props) => <Brand />
+    example: () => <Brand />
   }
 );
 
@@ -37,6 +35,6 @@ figma.connect(
         'Logo + Text': 'logo---text'
       })
     },
-    example: (props) => <Brand />
+    example: () => <Brand />
   }
 );