feat(CC-simple-components): removed react import

Author: mattnolting

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

@@ -20,7 +20,6 @@ figma.connect(
         brandImageSrc="/assets/brand_image_src.jpg"
         productName={props.productName}
         trademark={'Sample footer trademark text'}
-        aria-label="About modal"
       >
         {props.children}
       </AboutModal>

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

@@ -1,4 +1,4 @@
-import { BackToTop } from 'src/components/BackToTop';
+import { BackToTop } from '@patternfly/react-core/dist/js/components/BackToTop';
 import figma from '@figma/code-connect';
 
 figma.connect(

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

@@ -1,4 +1,4 @@
-import { BackgroundImage } from 'src/components/BackgroundImage';
+import { BackgroundImage } from '@patternfly/react-core/dist/js/components/BackgroundImage';
 import figma from '@figma/code-connect';
 
 /**

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

@@ -1,5 +1,4 @@
-import React from 'react';
-import { Banner } from 'src/components/Banner';
+import { Banner } from '@patternfly/react-core/dist/js/components/Banner';
 import figma from '@figma/code-connect';
 
 // Design updates
@@ -66,28 +65,28 @@ import figma from '@figma/code-connect';
  * code example you'd like to see in Figma
  */
 
-figma.connect(
-  Banner,
-  'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/branch/H3LonYnwH26v9zNEa2SXFk/PatternFly-6%3A-Components?node-id=221-937&t=7hKW0DzmfHGhNQnn-11',
-  {
-    props: {
-      // use `Content` ubiquitiously
-      figmaText: figma.textContent('Content'),
-      customStatusIcon: figma.instance('Custom status icon'),
-      leftText: figma.boolean('Left text'),
-      rightText: figma.boolean('Right text'),
-      centerText: figma.string('✏️ Center text'),
-      status: figma.enum('Status', {
-        Success: 'success',
-        Warning: 'warning',
-        Danger: 'danger',
-        Info: 'info',
-        Custom: 'custom'
-      })
-    },
-    example: (props) => <Banner>{props.figmaText}</Banner>
-  }
-);
+// figma.connect(
+//   Banner,
+//   'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/branch/H3LonYnwH26v9zNEa2SXFk/PatternFly-6%3A-Components?node-id=221-937&t=7hKW0DzmfHGhNQnn-11',
+//   {
+//     props: {
+//       // use `Content` ubiquitiously
+//       figmaText: figma.textContent('Content'),
+//       customStatusIcon: figma.instance('Custom status icon'),
+//       leftText: figma.boolean('Left text'),
+//       rightText: figma.boolean('Right text'),
+//       centerText: figma.string('✏️ Center text'),
+//       status: figma.enum('Status', {
+//         Success: 'success',
+//         Warning: 'warning',
+//         Danger: 'danger',
+//         Info: 'info',
+//         Custom: 'custom'
+//       })
+//     },
+//     example: (props) => <Banner>{props.figmaText}</Banner>
+//   }
+// );
 
 /**
  * -- This file was auto-generated by Code Connect --
@@ -97,28 +96,28 @@ figma.connect(
  * code example you'd like to see in Figma
  */
 
-figma.connect(
-  Banner,
-  'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/branch/H3LonYnwH26v9zNEa2SXFk/PatternFly-6%3A-Components?node-id=221-1443&t=7hKW0DzmfHGhNQnn-11',
-  {
-    props: {
-      icon: figma.boolean('Icon'),
-      iconSwap: figma.instance('Icon Swap'),
-      leftText: figma.boolean('Left text'),
-      rightText: figma.boolean('Right text'),
-      centerText: figma.string('✏️ Center text'),
-      color: figma.enum('Color', {
-        Red: 'red',
-        Orangered: 'orangered',
-        Orange: 'orange',
-        Gold: 'gold',
-        Green: 'green',
-        Cyan: 'cyan',
-        Blue: 'blue',
-        Purple: 'purple',
-        Gray: 'gray'
-      })
-    },
-    example: (props) => <Banner>{props.figmaText}</Banner>
-  }
-);
+// figma.connect(
+//   Banner,
+//   'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/branch/H3LonYnwH26v9zNEa2SXFk/PatternFly-6%3A-Components?node-id=221-1443&t=7hKW0DzmfHGhNQnn-11',
+//   {
+//     props: {
+//       icon: figma.boolean('Icon'),
+//       iconSwap: figma.instance('Icon Swap'),
+//       leftText: figma.boolean('Left text'),
+//       rightText: figma.boolean('Right text'),
+//       centerText: figma.string('✏️ Center text'),
+//       color: figma.enum('Color', {
+//         Red: 'red',
+//         Orangered: 'orangered',
+//         Orange: 'orange',
+//         Gold: 'gold',
+//         Green: 'green',
+//         Cyan: 'cyan',
+//         Blue: 'blue',
+//         Purple: 'purple',
+//         Gray: 'gray'
+//       })
+//     },
+//     example: (props) => <Banner>{props.figmaText}</Banner>
+//   }
+// );

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

@@ -1,4 +1,4 @@
-import { Brand } from 'src/components/Brand';
+import { Brand } from '@patternfly/react-core/dist/js/components/Brand';
 import figma from '@figma/code-connect';
 
 /**