Merge pull request #862 from WestpacGEL/content-kate-flexicell

Content kate flexicell
WestpacGEL · Sep 3, 2024 · d1731fe · d1731fe
2 parents 9495302 + 99b1111
commit d1731fe
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 22 deletions.
diff --git a/...te/src/content/design-system/components/flexi-cell/code/development-examples/content.mdoc b/...te/src/content/design-system/components/flexi-cell/code/development-examples/content.mdoc
@@ -42,8 +42,7 @@
 ### **Simple tile (Horizontal layout)**
 
 ```jsx
-() => {
-  return <GridContainer fixed>
+
       <Grid>
         {new Array(3).fill(null).map((_, index) => <GridItem span={4} key={index}>
             <FlexiCell className="min-h-[17.5rem]" tag="a" href="#" withBorder size={{
@@ -64,8 +63,7 @@
             </FlexiCell>
           </GridItem>)}
       </Grid>
-    </GridContainer>;
-}
+
 ```
 
 ### **Image tile (Vertical stack)**
@@ -98,8 +96,7 @@
 ### **Image tile - Edge to edge (Horizontal layout)**
 
 ```jsx
-() => {
-  return <GridContainer>
+
       <Grid>
         {new Array(3).fill(null).map((_, index) => <GridItem key={index} span={4}>
             <FlexiCell className="overflow-hidden" body={false} key={index} tag="a" href="#" withBorder size={{
@@ -124,6 +121,5 @@
             </FlexiCell>
           </GridItem>)}
       </Grid>
-    </GridContainer>;
-}
+
 ```
diff --git a/apps/site/src/content/design-system/components/flexi-cell/design/image-bleed/content.mdoc b/apps/site/src/content/design-system/components/flexi-cell/design/image-bleed/content.mdoc
@@ -1,4 +1,4 @@
-These tiles have a responsive content layout, use the demo button to preview this responsive behaviour.
+This version of the Flexi-cell has a responsive content layout, use the demo button to preview this responsive behaviour.
 
 ### Horizontal
 
@@ -36,8 +36,7 @@ These tiles have a responsive content layout, use the demo button to preview thi
 - **Md +:** Tile padding 18px
 
 ```
-() => {
-  return <GridContainer>
+
       <Grid>
         {new Array(3).fill(null).map((_, index) => <GridItem key={index} span={4}>
             <FlexiCell className="overflow-hidden" body={false} key={index} tag="a" href="#" withBorder size={{
@@ -62,6 +61,4 @@ These tiles have a responsive content layout, use the demo button to preview thi
             </FlexiCell>
           </GridItem>)}
       </Grid>
-    </GridContainer>;
-}
 ```
diff --git a/apps/site/src/content/design-system/components/flexi-cell/design/symbol/content.mdoc b/apps/site/src/content/design-system/components/flexi-cell/design/symbol/content.mdoc
@@ -1,4 +1,4 @@
-These tiles have a responsive content layout, use the demo button to preview this responsive behaviour.
+This version of the Flexi-cell has a responsive content layout, use the demo button to preview this responsive behaviour.
 
 ### Horizontal
 
@@ -54,9 +54,7 @@ These tiles have a responsive content layout, use the demo button to preview thi
 - **Md +:** Tile padding 18px
 
 ```
-  () => {
-  return <GridContainer fixed>
-      <Grid>
+    <Grid>
         <GridItem span={4}>
             <FlexiCell className="min-h-[17.5rem]" tag="a" href="#" withBorder size={{
           initial: 'default',
@@ -112,6 +110,4 @@ These tiles have a responsive content layout, use the demo button to preview thi
             </FlexiCell>
           </GridItem>
       </Grid>
-    </GridContainer>;
-}
 ```
diff --git a/apps/site/src/content/design-system/components/flexi-cell/index.yaml b/apps/site/src/content/design-system/components/flexi-cell/index.yaml
@@ -1,8 +1,8 @@
 name: Flexi Cell
 description: >-
-  Use the Flexi-cell component to present information in a visually distinct and
-  interactive way. They can have a stacked or horizontal layout, ensure your
-  content aligns with the brand guidelines.
+  Use Flexi-cells to help organise content into consistent, manageable, visually
+  distinct blocks, making it easier for users to scan and interact with. Ensure
+  your content aligns with the brand guidelines.
 namedExport:
   discriminant: false
 excludeFromNavbar: true