feat(CC-expandable-section): group review 4 followup

Author: mattnolting

packages/code-connect/components/ExpandableSection/ExandableSectionTruncate.figma.tsx

@@ -12,13 +12,14 @@ figma.connect(
   'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=2769-146',
   {
     props: {
-      toggleText: figma.string('Toggle Text More')
+      toggleText: figma.string('Toggle Text More'),
+      isExpanded: false
     },
     example: (props) => (
       <ExpandableSection
-        isExpanded={isExpanded}
+        isExpanded={props.isExpanded}
         onToggle={() => {}}
-        toggleText={isExpanded ? 'Show less basic example content' : `${props.toggleText}`}
+        toggleText={props.isExpanded ? 'Show less basic example content' : `${props.toggleText}`}
       >
         This content is visible only when the component is expanded.
       </ExpandableSection>
@@ -33,13 +34,14 @@ figma.connect(
     variant: { State: 'Expanded' },
     props: {
       toggleText: figma.string('Toggle Text Less'),
-      defaultContentSectionText: figma.string('Default Truncate Text')
+      defaultContentSectionText: figma.string('Default Truncate Text'),
+      isExpanded: true
     },
     example: (props) => (
       <ExpandableSection
-        isExpanded={isExpanded}
+        isExpanded={props.isExpanded}
         onToggle={() => {}}
-        toggleText={isExpanded ? 'Show less basic example content' : `${props.toggleText}`}
+        toggleText={props.isExpanded ? 'Show less basic example content' : `${props.toggleText}`}
         variant="truncate"
       >
         {props.defaultContentSectionText}

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

@@ -124,7 +124,7 @@ figma.connect(
   {
     variant: { State: 'Default Custom Content' },
     example: () => (
-      <ExpandableSection toggleContent={customToggleContent} isExpanded={isExpanded} onToggle={() => {}}>
+      <ExpandableSection toggleContent={customToggleContent} isExpanded={false} onToggle={() => {}}>
         This content is visible only when the component is expanded.
       </ExpandableSection>
     )
@@ -137,7 +137,7 @@ figma.connect(
   {
     variant: { State: 'Expanded Custom Content' },
     example: () => (
-      <ExpandableSection toggleContent={customToggleContent} isExpanded={isExpanded} onToggle={() => {}}>
+      <ExpandableSection toggleContent={customToggleContent} isExpanded={true} onToggle={() => {}}>
         This content is visible only when the component is expanded.
       </ExpandableSection>
     )
@@ -150,7 +150,7 @@ figma.connect(
   {
     variant: { State: 'Expanded Custom with Component swap' },
     example: () => (
-      <ExpandableSection toggleContent={customToggleContent} isExpanded={isExpanded} onToggle={() => {}}>
+      <ExpandableSection toggleContent={customToggleContent} isExpanded={true} onToggle={() => {}}>
         This content is visible only when the component is expanded.
       </ExpandableSection>
     )

packages/code-connect/components/ExpandableSection/ExpandableSectionDisclosure.figma.tsx

@@ -16,13 +16,14 @@ figma.connect(
   'https://www.figma.com/design/aEBBvq0J3EPXxHvv6WgDx9/PatternFly-6--Components-Test?node-id=2810-80',
   {
     props: {
-      toggleText: figma.string('Toggle Text More')
+      toggleText: figma.string('Toggle Text More'),
+      isExpanded: false
     },
     example: (props) => (
       <ExpandableSection
-        isExpanded={isExpanded}
+        isExpanded={props.isExpanded}
         onToggle={() => {}}
-        toggleText={isExpanded ? 'Show less basic example content' : `${props.toggleText}`}
+        toggleText={props.isExpanded ? 'Show less basic example content' : `${props.toggleText}`}
       >
         This content is visible only when the component is expanded.
       </ExpandableSection>
@@ -37,13 +38,14 @@ figma.connect(
     variant: { State: 'Expanded' },
     props: {
       toggleText: figma.string('Toggle Text Less'),
-      expandedContentSectionText: figma.string('Expanded Text')
+      expandedContentSectionText: figma.string('Expanded Text'),
+      isExpanded: true
     },
     example: (props) => (
       <ExpandableSection
-        isExpanded={isExpanded}
+        isExpanded={props.isExpanded}
         onToggle={() => {}}
-        toggleText={isExpanded ? `${props.toggleText}` : 'Show more basic example content'}
+        toggleText={props.isExpanded ? `${props.toggleText}` : 'Show more basic example content'}
       >
         {props.expandedContentSectionText}
       </ExpandableSection>
@@ -58,13 +60,14 @@ figma.connect(
     variant: { State: 'Expand Uncontrolled' },
     props: {
       toggleText: figma.string('Toggle Text More'),
-      expandedContentSectionText: figma.string('Expanded Text')
+      expandedContentSectionText: figma.string('Expanded Text'),
+      isExpanded: true
     },
     example: (props) => (
       <ExpandableSection
-        isExpanded={isExpanded}
+        isExpanded={props.isExpanded}
         onToggle={() => {}}
-        toggleText={isExpanded ? `${props.toggleText}` : 'Show less basic example content'}
+        toggleText={props.isExpanded ? `${props.toggleText}` : 'Show less basic example content'}
       >
         {props.expandedContentSectionText}
       </ExpandableSection>
@@ -78,14 +81,15 @@ figma.connect(
   {
     variant: { State: 'Expanded Indent' },
     props: {
+      expandedContentSectionText: figma.string('Expanded Text'),
       toggleText: figma.string('Toggle Text More'),
-      expandedContentSectionText: figma.string('Expanded Text')
+      isExpanded: true
     },
     example: (props) => (
       <ExpandableSection
-        isExpanded={isExpanded}
+        isExpanded={props.isExpanded}
         onToggle={() => {}}
-        toggleText={isExpanded ? `${props.toggleText}` : 'Show less basic example content'}
+        toggleText={props.isExpanded ? `${props.toggleText}` : 'Show less basic example content'}
       >
         {props.expandedContentSectionText}
       </ExpandableSection>
@@ -113,13 +117,14 @@ figma.connect(
     variant: { State: 'Expanded Custom Content' },
     props: {
       toggleText: figma.string('Toggle Text More'),
-      expandedContentSectionText: figma.string('Expanded Text')
+      expandedContentSectionText: figma.string('Expanded Text'),
+      isExpanded: true
     },
     example: (props) => (
       <ExpandableSection
-        isExpanded={isExpanded}
+        isExpanded={props.isExpanded}
         onToggle={() => {}}
-        toggleText={isExpanded ? `${props.toggleText}` : 'Show less basic example content'}
+        toggleText={props.isExpanded ? `${props.toggleText}` : 'Show less basic example content'}
       >
         {props.expandedContentSectionText}
       </ExpandableSection>