feat(CC-batch-1): moved CC out of react-core

Author: mattnolting

packages/react-core/codeConnect/components/AboutModal/AboutModal.figma.tsx renamed to packages/code-connect/components/AboutModal/AboutModal.figma.tsx

@@ -7,18 +7,17 @@ import { AboutModal } from '@patternfly/react-core';
 
 figma.connect(
   AboutModal,
-  'https://www.figma.com/file/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6%3A-Components-Test?node-id=5047-695',
+  'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=2879-13973&t=15CEJpGgVui7qP5Q-11',
   {
     props: {
-      // static
-      backgroundImageSrc: '/assets/images/background.png',
-      brandImageAlt: 'Brand Image Alt Text',
-      brandImageSrc: 'Brand Image Source',
-      trademark: 'Copyright © 2024',
-
       // 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('*')
     },

packages/react-core/codeConnect/components/Accordion/Accordion.figma.tsx renamed to packages/code-connect/components/Accordion/Accordion.figma.tsx

@@ -10,15 +10,22 @@ figma.connect(
   'https://www.figma.com/file/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6%3A-Components-Test?node-id=2621-623',
   {
     props: {
-      // enum
-      displaySize: figma.enum('Type', { 'Large Bordered': 'lg' }),
-      isBordered: figma.enum('Type', { Bordered: true, 'Large Bordered': true }),
-      togglePosition: figma.enum('Caret position', { Left: 'start' }),
+      // enums
+      isBordered: figma.enum('Type', {
+        Bordered: true,
+        'Large Bordered': true
+      }),
+      displaySize: figma.enum('Type', {
+        'Large Bordered': 'lg'
+      }),
+      togglePosition: figma.enum('Caret position', {
+        Left: 'start'
+      }),
 
       children: figma.children('*')
     },
     example: (props) => (
-      <Accordion isBordered={props.isBordered} displaySize={props.displaySize}>
+      <Accordion togglePosition={props.togglePosition} isBordered={props.isBordered} displaySize={props.displaySize}>
         {props.children}
       </Accordion>
     )

packages/react-core/codeConnect/components/Accordion/AccordionToggle.figma.tsx renamed to packages/code-connect/components/Accordion/AccordionToggle.figma.tsx

@@ -10,21 +10,26 @@ figma.connect(
   'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1423-687&m=dev',
   {
     props: {
-      // strings
+      // string
       expandText: figma.string('Expand Text'),
 
       // enums
-      toggleText: figma.enum('Type', {
-        Regular: figma.string('Toggle Text'),
-        'Large Bordered': figma.string('Toggle Text Large')
+      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.toggleText}</AccordionToggle>
+        <AccordionToggle>{props.toggleTextExpanded}</AccordionToggle>
         <AccordionContent>
           <p>{props.expandText}</p>
         </AccordionContent>

packages/react-core/codeConnect/components/ActionList/ActionList.figma.tsx renamed to packages/code-connect/components/ActionList/ActionList.figma.tsx

@@ -6,19 +6,21 @@ import { ClipboardCopy } from '@patternfly/react-core';
  */
 
 figma.connect(
-  ClipboardCopyBasic,
+  ClipboardCopy,
   'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=9914-75835&m=dev',
   {
     props: {
-      // boolean
-      expandable: figma.boolean('Expandable'),
-
       // enum
-      isExpanded: figma.enum('State', { Expanded: true }),
+      isActive: figma.enum('State', { Active: true }),
       isReadOnly: figma.enum('State', { 'Read only': true }),
+      isExpanded: figma.enum('State', { Expanded: true }),
 
       children: figma.children('*')
     },
-    example: (props) => <ClipboardCopy children={props.children} />
+    example: (props) => (
+      <ClipboardCopy isReadOnly={props.isReadOnly} isExpanded={props.isExpanded} isActive={props.isActive}>
+        {props.children}
+      </ClipboardCopy>
+    )
   }
 );

packages/react-core/codeConnect/components/BackgroundImage/BackgroundImage.figma.tsx renamed to packages/code-connect/components/BackgroundImage/BackgroundImage.figma.tsx

@@ -0,0 +1,17 @@
+import figma from '@figma/code-connect';
+import { ClipboardCopy } from '@patternfly/react-core';
+
+/**
+ * PatternFly ClipboardCopyInlineCompact component integration for Figma Code Connect
+ */
+
+figma.connect(
+  ClipboardCopy,
+  'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=9914-75768&m=dev',
+  {
+    props: {
+      children: figma.children('*')
+    },
+    example: (props) => <ClipboardCopy variant="inline-compact">{props.children}</ClipboardCopy>
+  }
+);