From 031e3acc619f0e174205ba917ef2b58ba0a9a090 Mon Sep 17 00:00:00 2001
From: Alla Doroshkevych <alla.doroshkevych@oracle.com>
Date: Tue, 2 Apr 2024 15:29:25 -0400
Subject: [PATCH] Provide a meaningful name to the column with icons.

---
 packages/terra-framework-docs/CHANGELOG.md                     | 3 +++
 .../Examples.2/BasicCompactInteractiveList.1.doc.mdx           | 2 +-
 .../Examples.2/BasicCompactInteractiveList.jsx                 | 2 +-
 .../doc/compact-interactive-list/Examples.2/CellContent.jsx    | 2 +-
 .../compact-interactive-list/Examples.2/FixedWidthColumns.jsx  | 2 +-
 .../doc/compact-interactive-list/Examples.2/HorizontalFlow.jsx | 2 +-
 .../compact-interactive-list/Examples.2/ResponsiveColumns.jsx  | 2 +-
 .../Examples.2/ResponsiveColumnsMaxWidth.jsx                   | 2 +-
 .../doc/compact-interactive-list/Examples.2/ScalableUnits.jsx  | 2 +-
 .../doc/compact-interactive-list/Examples.2/VerticalFlow.jsx   | 2 +-
 .../compact-interactive-list/Examples.2/WidthBreakpoints.jsx   | 2 +-
 .../test/compact-interactive-list/Borderless.test.jsx          | 2 +-
 .../test/compact-interactive-list/CellContent.test.jsx         | 2 +-
 .../test/compact-interactive-list/FixedWidthColumns.test.jsx   | 2 +-
 .../compact-interactive-list/InconsistentWidthUnits.test.jsx   | 2 +-
 .../test/compact-interactive-list/ResponsiveColumns.test.jsx   | 2 +-
 .../ResponsiveColumnsMaxWidth.test.jsx                         | 2 +-
 .../test/compact-interactive-list/ScalableUnits.test.jsx       | 2 +-
 .../test/compact-interactive-list/WidthBreakpoints.test.jsx    | 2 +-
 .../WidthBreakpointsHorizontalFlow.test.jsx                    | 2 +-
 20 files changed, 22 insertions(+), 19 deletions(-)

diff --git a/packages/terra-framework-docs/CHANGELOG.md b/packages/terra-framework-docs/CHANGELOG.md
index cda68a0f3ec..a00be0c605e 100644
--- a/packages/terra-framework-docs/CHANGELOG.md
+++ b/packages/terra-framework-docs/CHANGELOG.md
@@ -2,6 +2,9 @@
 
 ## Unreleased
 
+* Changed
+  * Updated `terra-compact-interactive-list` examples to provide a meaningful name to the column with icons.
+
 ## 1.78.0 - (March 29, 2024)
 
 * Changed
diff --git a/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/BasicCompactInteractiveList.1.doc.mdx b/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/BasicCompactInteractiveList.1.doc.mdx
index db4292a55e8..c3efebedad7 100644
--- a/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/BasicCompactInteractiveList.1.doc.mdx
+++ b/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/BasicCompactInteractiveList.1.doc.mdx
@@ -40,7 +40,7 @@ This example demonstrates basic usage of the **[columns](/components/cerner-terr
 const cols = [
   {
     id: 'Column-0',
-    displayName: 'Icon',
+    displayName: 'Status',
     width: '60px', // width property is not required, it is used to provide a better visual structure
   },
   {
diff --git a/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/BasicCompactInteractiveList.jsx b/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/BasicCompactInteractiveList.jsx
index 139ee039fc4..84bd48987b6 100644
--- a/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/BasicCompactInteractiveList.jsx
+++ b/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/BasicCompactInteractiveList.jsx
@@ -62,7 +62,7 @@ const rows = [
 const cols = [
   {
     id: 'Column-0',
-    displayName: 'Icon',
+    displayName: 'Status',
     width: '60px',
   },
   {
diff --git a/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/CellContent.jsx b/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/CellContent.jsx
index 63b4e18e8a7..18eea51a0c3 100644
--- a/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/CellContent.jsx
+++ b/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/CellContent.jsx
@@ -89,7 +89,7 @@ const rows = [
 const cols = [
   {
     id: 'Column-0',
-    displayName: 'Icon',
+    displayName: 'Status',
     width: '50px',
     align: alignTypes.CENTER,
     isSelectable: true,
diff --git a/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/FixedWidthColumns.jsx b/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/FixedWidthColumns.jsx
index 655020db662..95344095a4f 100644
--- a/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/FixedWidthColumns.jsx
+++ b/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/FixedWidthColumns.jsx
@@ -64,7 +64,7 @@ const rows = [
 const cols = [
   {
     id: 'Column-0',
-    displayName: 'Icon',
+    displayName: 'Status',
     width: '5em',
     align: alignTypes.CENTER,
   },
diff --git a/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/HorizontalFlow.jsx b/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/HorizontalFlow.jsx
index 7ff41949454..b680ba49474 100644
--- a/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/HorizontalFlow.jsx
+++ b/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/HorizontalFlow.jsx
@@ -115,7 +115,7 @@ const getNumberOfColumns = (activeBreakpoint) => {
 const cols = [
   {
     id: 'Column-0',
-    displayName: 'Icon',
+    displayName: 'Status',
     width: '60px',
     align: alignTypes.CENTER,
   },
diff --git a/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/ResponsiveColumns.jsx b/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/ResponsiveColumns.jsx
index 2c06d738219..c598cb23f89 100644
--- a/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/ResponsiveColumns.jsx
+++ b/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/ResponsiveColumns.jsx
@@ -62,7 +62,7 @@ const rows = [
 const cols = [
   {
     id: 'Column-0',
-    displayName: 'Icon',
+    displayName: 'Status',
     width: '60px',
     align: alignTypes.CENTER,
   },
diff --git a/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/ResponsiveColumnsMaxWidth.jsx b/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/ResponsiveColumnsMaxWidth.jsx
index 4d1821cad48..3d2647e30b7 100644
--- a/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/ResponsiveColumnsMaxWidth.jsx
+++ b/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/ResponsiveColumnsMaxWidth.jsx
@@ -63,7 +63,7 @@ const rows = [
 const cols = [
   {
     id: 'Column-0',
-    displayName: 'Icon',
+    displayName: 'Status',
     width: '60px',
     align: alignTypes.CENTER,
   },
diff --git a/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/ScalableUnits.jsx b/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/ScalableUnits.jsx
index b0436ac70f6..321ca71b3ae 100644
--- a/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/ScalableUnits.jsx
+++ b/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/ScalableUnits.jsx
@@ -63,7 +63,7 @@ const rows = [
 const cols = [
   {
     id: 'Column-0',
-    displayName: 'Icon',
+    displayName: 'Status',
     width: '5em',
     align: alignTypes.CENTER,
   },
diff --git a/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/VerticalFlow.jsx b/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/VerticalFlow.jsx
index a67fec51869..ef92e0e04ec 100644
--- a/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/VerticalFlow.jsx
+++ b/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/VerticalFlow.jsx
@@ -127,7 +127,7 @@ const getRowHeight = (activeBreakpoint) => {
 const cols = [
   {
     id: 'Column-0',
-    displayName: 'Icon',
+    displayName: 'Status',
     width: '60px',
     align: alignTypes.CENTER,
   },
diff --git a/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/WidthBreakpoints.jsx b/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/WidthBreakpoints.jsx
index 818e53d5e75..39c1dc209cf 100644
--- a/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/WidthBreakpoints.jsx
+++ b/packages/terra-framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/WidthBreakpoints.jsx
@@ -115,7 +115,7 @@ const getNumberOfColumns = (activeBreakpoint) => {
 const cols = [
   {
     id: 'Column-0',
-    displayName: 'Icon',
+    displayName: 'Status',
     width: '60px',
     align: alignTypes.CENTER,
   },
diff --git a/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/Borderless.test.jsx b/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/Borderless.test.jsx
index 3d21fb6d5a6..4e890fada99 100644
--- a/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/Borderless.test.jsx
+++ b/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/Borderless.test.jsx
@@ -64,7 +64,7 @@ const rows = [
 const cols = [
   {
     id: 'Column-0',
-    displayName: 'Icon',
+    displayName: 'Status',
     width: '60px',
     align: alignTypes.CENTER,
   },
diff --git a/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/CellContent.test.jsx b/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/CellContent.test.jsx
index 09e32334c7c..0839776db78 100644
--- a/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/CellContent.test.jsx
+++ b/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/CellContent.test.jsx
@@ -89,7 +89,7 @@ const rows = [
 const cols = [
   {
     id: 'Column-0',
-    displayName: 'Icon',
+    displayName: 'Status',
     width: '50px',
     align: alignTypes.CENTER,
     isSelectable: true,
diff --git a/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/FixedWidthColumns.test.jsx b/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/FixedWidthColumns.test.jsx
index 7f3491b434d..7a2c9bf2808 100644
--- a/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/FixedWidthColumns.test.jsx
+++ b/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/FixedWidthColumns.test.jsx
@@ -64,7 +64,7 @@ const rows = [
 const cols = [
   {
     id: 'Column-0',
-    displayName: 'Icon',
+    displayName: 'Status',
     width: '60px',
     align: alignTypes.CENTER,
   },
diff --git a/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/InconsistentWidthUnits.test.jsx b/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/InconsistentWidthUnits.test.jsx
index 70899ac6624..021575bbb99 100644
--- a/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/InconsistentWidthUnits.test.jsx
+++ b/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/InconsistentWidthUnits.test.jsx
@@ -75,7 +75,7 @@ const rows = [
 const cols = [
   {
     id: 'Column-0',
-    displayName: 'Icon',
+    displayName: 'Status',
     width: '60px',
     align: alignTypes.CENTER,
     maximumWidth: '10em',
diff --git a/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/ResponsiveColumns.test.jsx b/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/ResponsiveColumns.test.jsx
index 57712cc9992..9b9a408e373 100644
--- a/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/ResponsiveColumns.test.jsx
+++ b/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/ResponsiveColumns.test.jsx
@@ -64,7 +64,7 @@ const rows = [
 const cols = [
   {
     id: 'Column-0',
-    displayName: 'Icon',
+    displayName: 'Status',
     width: '60px',
     align: alignTypes.CENTER,
   },
diff --git a/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/ResponsiveColumnsMaxWidth.test.jsx b/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/ResponsiveColumnsMaxWidth.test.jsx
index 1d236c29258..fec485a4261 100644
--- a/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/ResponsiveColumnsMaxWidth.test.jsx
+++ b/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/ResponsiveColumnsMaxWidth.test.jsx
@@ -64,7 +64,7 @@ const rows = [
 const cols = [
   {
     id: 'Column-0',
-    displayName: 'Icon',
+    displayName: 'Status',
     width: '6em',
     align: alignTypes.CENTER,
   },
diff --git a/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/ScalableUnits.test.jsx b/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/ScalableUnits.test.jsx
index e0408bb902a..db7b8856c66 100644
--- a/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/ScalableUnits.test.jsx
+++ b/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/ScalableUnits.test.jsx
@@ -64,7 +64,7 @@ const rows = [
 const cols = [
   {
     id: 'Column-0',
-    displayName: 'Icon',
+    displayName: 'Status',
     maximumWidth: '4.5em',
     align: alignTypes.CENTER,
   },
diff --git a/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/WidthBreakpoints.test.jsx b/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/WidthBreakpoints.test.jsx
index e49dc189d1c..1cbe875ebc0 100644
--- a/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/WidthBreakpoints.test.jsx
+++ b/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/WidthBreakpoints.test.jsx
@@ -76,7 +76,7 @@ const rows = [
 const cols = [
   {
     id: 'Column-0',
-    displayName: 'Icon',
+    displayName: 'Status',
     width: '60px',
     align: alignTypes.CENTER,
   },
diff --git a/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/WidthBreakpointsHorizontalFlow.test.jsx b/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/WidthBreakpointsHorizontalFlow.test.jsx
index 92f26d1d74b..482eadf36e3 100644
--- a/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/WidthBreakpointsHorizontalFlow.test.jsx
+++ b/packages/terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/WidthBreakpointsHorizontalFlow.test.jsx
@@ -77,7 +77,7 @@ const rows = [
 const cols = [
   {
     id: 'Column-0',
-    displayName: 'Icon',
+    displayName: 'Status',
     width: '60px',
     align: alignTypes.CENTER,
   },