feat(CC-batch-4): drawer and divider notes

Author: mattnolting

packages/code-connect/components/DescriptionList/DescriptionListIGroup.figma.tsx

@@ -0,0 +1,23 @@
+import { DescriptionListDescription, DescriptionListGroup } from '@patternfly/react-core';
+import figma from '@figma/code-connect';
+
+figma.connect(
+  DescriptionListGroup,
+  'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1121-3571',
+  {
+    props: {
+      // string
+      description: figma.string('✏️ Content'),
+
+      // children
+      term: figma.children('Term label')
+    },
+    example: (props) => (
+      // Documentation for DescriptionList can be found at https://www.patternfly.org/components/description-list
+      <DescriptionListGroup>
+        {props.term}
+        <DescriptionListDescription>{props.description}</DescriptionListDescription>
+      </DescriptionListGroup>
+    )
+  }
+);

packages/code-connect/components/DescriptionList/DescriptionListTerm.figma.tsx

@@ -0,0 +1,32 @@
+import {
+  DescriptionListTerm,
+  DescriptionListTermHelpText,
+  DescriptionListTermHelpTextButton,
+  Popover
+} from '@patternfly/react-core';
+import figma from '@figma/code-connect';
+
+// TODO: FIGMA: Separate this into two components: DescriptionListTerm and DescriptionListTermHelpText
+figma.connect(
+  DescriptionListTerm,
+  'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=1121-3453',
+  {
+    props: {
+      // enum
+      descriptionListTerm: figma.boolean('Term help underline', {
+        true: (
+          <DescriptionListTermHelpText>
+            <Popover headerContent={<div>Name</div>} bodyContent={<div>Additional name info</div>}>
+              <DescriptionListTermHelpTextButton> Name </DescriptionListTermHelpTextButton>
+            </Popover>
+          </DescriptionListTermHelpText>
+        ),
+        false: <DescriptionListTerm>{figma.children('*')}</DescriptionListTerm>
+      })
+    },
+    example: (props) => (
+      // Documentation for DescriptionListTerm can be found at https://www.patternfly.org/components/description-list
+      <>{props.descriptionListTerm}</>
+    )
+  }
+);

packages/code-connect/components/Drawer/DrawerContent.figma.tsx

@@ -1,17 +1,16 @@
 import figma from '@figma/code-connect';
 import { DrawerContent } from '@patternfly/react-core';
 
-/**
- * PatternFly DrawerTabs component integration for Figma Code Connect
- */
-
 figma.connect(
   DrawerContent,
   'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=35627-47890&m=dev',
   {
     props: {
       children: figma.children('*')
     },
-    example: (props) => <DrawerContent>{props.children}</DrawerContent>
+    example: (props) => (
+      // Documentation for DrawerContent can be found at https://www.patternfly.org/components/drawer
+      <DrawerContent>{props.children}</DrawerContent>
+    )
   }
 );

packages/code-connect/components/DualListSelector/DualListHeader.figma.tsx

@@ -1,6 +1,6 @@
 import figma from '@figma/code-connect';
 import { Button, ButtonVariant, DualListSelectorPane } from '@patternfly/react-core';
-import PficonSortCommonAscIcon from '@patternfly/react-icons/icons/pficon-sort-common-asc-icon/dist/esm/icons/pficon-sort-common-asc-icon';
+import PficonSortCommonAscIcon from '@patternfly/react-icons/dist/esm/icons/pficon-sort-common-asc-icon';
 
 figma.connect(
   DualListSelectorPane,

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

@@ -6,10 +6,10 @@ import {
   DualListSelectorControlsWrapper
 } from '@patternfly/react-core';
 import figma from '@figma/code-connect';
-import AngleRightIcon from '@patternfly/react-icons/icons/angle-right-icon/dist/esm/icons/angle-right-icon';
-import AngleDoubleRightIcon from '@patternfly/react-icons/icons/angle-double-right-icon/dist/esm/icons/angle-double-right-icon';
-import AngleDoubleLeftIcon from '@patternfly/react-icons/icons/angle-double-left-icon/dist/esm/icons/angle-double-left-icon';
-import AngleLeftIcon from '@patternfly/react-icons/icons/angle-left-icon/dist/esm/icons/angle-left-icon';
+import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
+import AngleDoubleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-right-icon';
+import AngleDoubleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-left-icon';
+import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-icon';
 
 figma.connect(
   DualListSelector,