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

Author: mattnolting

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

@@ -0,0 +1,30 @@
+import figma from '@figma/code-connect';
+import { AboutModal } from '@patternfly/react-core';
+
+/**
+ * PatternFly About Modal component integration for Figma Code Connect
+ */
+
+figma.connect(
+  AboutModal,
+  'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=2879-13973&t=15CEJpGgVui7qP5Q-11',
+  {
+    props: {
+      // string
+      productName: figma.string('Product name'),
+
+      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"
+      >
+        {props.children}
+      </AboutModal>
+    )
+  }
+);

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

@@ -11,14 +11,21 @@ figma.connect(
   {
     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' }),
+      displaySize: figma.enum('Type', {
+        'Large Bordered': 'lg'
+      }),
+      isBordered: figma.enum('Type', {
+        Bordered: true,
+        'Large Bordered': true
+      }),
+      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>
+  }
+);

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

@@ -0,0 +1,33 @@
+{
+  "codeConnect": {
+    "parser": "react",
+    "include": [
+      "components/AboutModal/*.tsx",
+      "components/Accordion/*.tsx",
+      "components/ActionList/*.tsx",
+      "components/BackgroundImage/*.tsx",
+      "components/ClipboardCopy/*.tsx"
+    ],
+    "paths": {
+      "src/components": "src/components"
+    },
+    "aliases": {
+      "@patternfly/react-core": "."
+    },
+    "importPaths": {
+      "src/components": "src/components"
+    },
+    "options": {
+      "instanceSwapper": {
+        "enabled": true
+      },
+      "development": {
+        "enabled": true,
+        "verbose": true
+      },
+      "production": {
+        "enabled": false
+      }
+    }
+  }
+}