feat(CC-batch-4): preparing rebase

Author: mattnolting

packages/code-connect/components/JumpLinks/JumplinkHorizontal.figma.tsx

@@ -1,6 +1,7 @@
 import figma from '@figma/code-connect';
 import { JumpLinksItem } from '@patternfly/react-core';
 
+// TODO: DESIGN: FIGMA: Remove icons, help popup, and close button
 // Documentation for JumpLinks can be found at https://www.patternfly.org/components/jump-links
 
 figma.connect(
@@ -12,14 +13,11 @@ figma.connect(
       tabText: figma.string('Tab Text'),
 
       // enum
-      isActive: figma.enum('State', { Selected: true }),
-
-      children: figma.children('*')
+      isActive: figma.enum('State', { Selected: true })
     },
     example: (props) => (
       <JumpLinksItem href="#" isActive={props.isActive}>
         {props.tabText}
-        {props.children}
       </JumpLinksItem>
     )
   }

packages/code-connect/components/JumpLinks/JumplinksHorizontal.figma.tsx

@@ -10,7 +10,7 @@ figma.connect(
     props: {
       // boolean
       label: figma.boolean('Show label', {
-        true: 'Horizontal jump links',
+        true: 'Jump to section',
         false: undefined
       }),
 

packages/code-connect/components/JumpLinks/JumplinksVertical.figma.tsx

@@ -10,7 +10,7 @@ figma.connect(
     props: {
       // boolean
       label: figma.boolean('Show Label', {
-        true: 'Vertical jump links',
+        true: 'Jump to section',
         false: undefined
       }),
 

packages/code-connect/components/Label/LabelGroups.figma.tsx

@@ -12,7 +12,7 @@ figma.connect(
       labelGroupName: figma.string('Label group name'),
 
       // boolean
-      hasCollapsedLabels: figma.boolean('Has collapsed labels', {
+      numLabels: figma.boolean('Has collapsed labels', {
         true: 4,
         false: undefined
       }),
@@ -42,7 +42,7 @@ figma.connect(
         categoryName="Group label"
         isClosable
         isEditable
-        numLabels={props.hasCollapsedLabels}
+        numLabels={props.numLabels}
         onClick={() => {}}
       >
         {props.children}

packages/code-connect/components/Label/LabelNonStatus.figma.tsx

@@ -30,20 +30,19 @@ figma.connect(
       }),
 
       // enum
-      isCompact: figma.enum('Type', { Compact: true }),
+      isCompact: figma.enum('Size', { Compact: true }),
       color: figma.enum('Color', {
         Red: 'red',
         Orange: 'orange',
         'Orange Red': 'orangered',
         Green: 'green',
         Blue: 'blue',
         Purple: 'purple',
-        Grey: 'grey'
-      }),
-      variant: figma.enum('Type', {
-        Filled: 'filled',
-        Outlined: 'outline'
+        Grey: 'grey',
+        Teal: 'teal',
+        Yellow: 'yellow'
       }),
+      variant: figma.enum('Type', { Outlined: 'outline' }),
 
       children: figma.children('*')
     },
@@ -63,3 +62,30 @@ figma.connect(
     )
   }
 );
+
+// figma.connect(
+//   Label,
+//   'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=2800-609',
+//   {
+//     props: {
+//       // string
+//       text: figma.string('Text'),
+
+//       // enum
+//       isCompact: figma.enum('Size', { Compact: true }),
+//       variant: figma.enum('Type', { Outlined: 'outline' }),
+//       status: figma.enum('Status', {
+//         Success: 'success',
+//         Warning: 'warning',
+//         Danger: 'danger',
+//         Info: 'info',
+//         Custom: 'custom'
+//       })
+//     },
+//     example: (props) => (
+//       <Label isCompact={props.isCompact} status={props.status} variant={props.variant}>
+//         {props.text}
+//       </Label>
+//     )
+//   }
+// );

packages/code-connect/components/Label/LabelStatus.figma.tsx

@@ -10,18 +10,14 @@ figma.connect(
     props: {
       // string
       text: figma.string('Text'),
-      children: figma.children('*'),
+      isCompact: figma.enum('Size', { Compact: true }),
 
       // enum
-      isCompact: figma.enum('Size', { Compact: true }),
-      variant: figma.enum('Type', {
-        Filled: 'filled',
-        Outlined: 'outline'
-      }),
+      variant: figma.enum('Type', { Outlined: 'outline' }),
       status: figma.enum('Status', {
-        Danger: 'danger',
-        Warning: 'warning',
         Success: 'success',
+        Warning: 'warning',
+        Danger: 'danger',
         Info: 'info',
         Custom: 'custom'
       })