feat(CC-batch-8): group review 9/23 updates

Author: mattnolting

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

@@ -8,12 +8,11 @@ import PlusIcon from '@patternfly/react-icons/dist/esm/icons/plus-icon';
 
 figma.connect(
   Slider,
-  'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components?node-id=3155-97956',
+  'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/PatternFly-6--Components?node-id=3155-97956',
   {
     props: {
       // boolean
       isInputVisible: figma.boolean('Value input'),
-      showBoundaries: figma.boolean('Min/max values'),
       startActions: figma.boolean('Left action', {
         true: <Button variant="plain" aria-label="Minus" onClick={() => {}} icon={<MinusIcon />} />,
         false: undefined
@@ -31,7 +30,7 @@ figma.connect(
     example: (props) => (
       <Slider
         isInputVisible={props.isInputVisible}
-        showBoundaries={props.showBoundaries}
+        showBoundaries={true}
         startActions={props.startActions}
         endActions={props.endActions}
         areCustomStepsContinuous={props.areCustomStepsContinuous}

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

@@ -3,7 +3,7 @@ import { Spinner } from '@patternfly/react-core';
 
 // Documentation for Spinner can be found at https://www.patternfly.org/components/spinner
 
-figma.connect(Spinner, 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components?node-id=790-332', {
+figma.connect(Spinner, 'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/PatternFly-6--Components?node-id=790-332', {
   props: {
     // enum
     size: figma.enum('Size', {

packages/code-connect/components/Tabs/HorizontalSubTabs.figma.tsx

@@ -3,16 +3,31 @@ import { Tabs } from '@patternfly/react-core';
 
 // Documentation for Tabs can be found at https://www.patternfly.org/components/tabs
 
-figma.connect(Tabs, 'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components?node-id=14327-6503', {
+figma.connect(Tabs, 'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/PatternFly-6--Components?node-id=14327-6503', {
   props: {
-    children: figma.children('*'),
+    children: figma.children('Tab items - Horizontal'),
     isBox: figma.enum('Type', {
       Boxed: true,
       'Boxed Light': true
+    }),
+    inset: figma.boolean('Inset', {
+      true: {
+        default: 'insetMd'
+      },
+      false: {
+        default: 'insetNone'
+      }
     })
   },
   example: (props) => (
-    <Tabs activeKey="activeTabKey" aria-label="Tabs example" isBox={props.isBox} onSelect={() => {}} role="region">
+    <Tabs
+      activeKey="activeTabKey"
+      aria-label="Tabs example"
+      inset={props.inset}
+      isBox={props.isBox}
+      onSelect={() => {}}
+      role="region"
+    >
       {props.children}
     </Tabs>
   )

packages/code-connect/components/Tabs/HorizontalTab.figma.tsx

@@ -3,31 +3,27 @@ import { Tabs } from '@patternfly/react-core';
 
 // Documentation for Tabs can be found at https://www.patternfly.org/components/tabs
 
-figma.connect(
-  Tabs,
-  'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=14327-6656',
-  {
-    props: {
-      children: figma.children('*'),
-      isExpandable: figma.enum('Type', {
-        Expandable: {
-          default: 'expandable'
-        },
-        false: undefined
-      }),
-      isBox: figma.enum('Type', {
-        Boxed: true,
-        'Boxed Light': true
-      }),
-      inset: figma.enum('Type', {
-        Inset: { default: 'insetMd' },
-        'Inset Boxed': { default: 'insetMd' }
-      })
-    },
-    example: (props) => (
-      <Tabs isBox={props.isBox} isVertical={true} onSelect={() => {}} role="region">
-        {props.children}
-      </Tabs>
-    )
-  }
-);
+figma.connect(Tabs, 'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/PatternFly-6--Components?node-id=14327-6656', {
+  props: {
+    children: figma.children('Tab items - Vertical'),
+    isExpandable: figma.enum('Type', {
+      Expandable: {
+        default: 'expandable'
+      },
+      false: undefined
+    }),
+    isBox: figma.enum('Type', {
+      Boxed: true,
+      'Boxed Light': true
+    }),
+    inset: figma.enum('Type', {
+      Inset: { default: 'insetMd' },
+      'Inset Boxed': { default: 'insetMd' }
+    })
+  },
+  example: (props) => (
+    <Tabs isBox={props.isBox} isVertical={true} onSelect={() => {}} role="region">
+      {props.children}
+    </Tabs>
+  )
+});

packages/code-connect/components/Tabs/HorizontalTabs.figma.tsx

@@ -5,16 +5,15 @@ import BellIcon from '@patternfly/react-icons/dist/esm/icons/bell-icon';
 // Documentation for Spinner can be found at https://www.patternfly.org/components/spinner
 
 figma.connect(
-  ToggleGroupsItem,
+  ToggleGroupItem,
   'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/PatternFly-6--Components?node-id=2089-5606&m=dev',
   {
     props: {
-      text: figma.string('Text'),
       icon: figma.boolean('Has icon', {
         true: <BellIcon />,
         false: undefined
       }),
-      hasText: figma.boolean('Has text', {
+      text: figma.boolean('Has text', {
         true: figma.string('Text'),
         false: undefined
       }),

packages/code-connect/components/Tabs/TabVertical.figma.tsx

@@ -9,27 +9,17 @@ figma.connect(
   {
     props: {
       // enum
-      size: figma.enum('Size', {
+      isCompact: figma.enum('Size', {
         Default: undefined,
         Compact: 'compact'
       }),
 
-      // nested props
-      leftItem: figma.nestedProps('Base components/Toggle groups parts', {
-        text: figma.string('Text')
-      }),
-      middleItem1: figma.nestedProps('Base components/Toggle groups parts', {
-        text: figma.string('Text')
-      }),
-      middleItem2: figma.nestedProps('Base components/Toggle groups parts', {
-        text: figma.string('Text')
-      }),
-      rightItem: figma.nestedProps('Base components/Toggle groups parts', {
-        text: figma.string('Text')
-      }),
-
       children: figma.children('*')
     },
-    example: (props) => <ToggleGroup aria-label="Toggle group example">{props.children}</ToggleGroup>
+    example: (props) => (
+      <ToggleGroup aria-label="Toggle group example" isCompact={props.isCompact}>
+        {props.children}
+      </ToggleGroup>
+    )
   }
 );

packages/code-connect/components/Tabs/VerticalTabs.figma.tsx

@@ -1,15 +1,15 @@
 import figma from '@figma/code-connect';
-import { Tooltip } from '@patternfly/react-core';
+import { Button, Tooltip } from '@patternfly/react-core';
 
 // Documentation for Tooltip can be found at https://www.patternfly.org/components/tooltip
 
 figma.connect(
   Tooltip,
-  'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components?node-id=6598-70985',
+  'https://www.figma.com/design/VMEX8Xg2nzhBX8rfBx53jp/PatternFly-6--Components?node-id=6598-70985',
   {
     props: {
       // string
-      text: figma.string('Text'),
+      content: figma.string('Text'),
 
       // enum
       position: figma.enum('Type', {
@@ -31,7 +31,7 @@ figma.connect(
     },
     example: (props) => (
       <Tooltip content={props.content} position={props.position}>
-        <div>{props.text}</div>
+        <Button>I have a tooltip!</Button>
       </Tooltip>
     )
   }