cerner · adoroshk · Apr 3, 2024 · Apr 2, 2024 · Apr 3, 2024
diff --git 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/...e/doc/compact-interactive-list/Examples.2/BasicCompactInteractiveList.1.doc.mdx b/...e/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/...rc/terra-dev-site/doc/compact-interactive-list/Examples.2/BasicCompactInteractiveList.jsx b/...rc/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/...framework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/CellContent.jsx b/...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/...ork-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/FixedWidthColumns.jsx b/...ork-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/...mework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/HorizontalFlow.jsx b/...mework-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/...ork-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/ResponsiveColumns.jsx b/...ork-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/.../src/terra-dev-site/doc/compact-interactive-list/Examples.2/ResponsiveColumnsMaxWidth.jsx b/.../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/...amework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/ScalableUnits.jsx b/...amework-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/...ramework-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/VerticalFlow.jsx b/...ramework-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/...work-docs/src/terra-dev-site/doc/compact-interactive-list/Examples.2/WidthBreakpoints.jsx b/...work-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/...terra-framework-docs/src/terra-dev-site/test/compact-interactive-list/Borderless.test.jsx b/...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/...erra-framework-docs/src/terra-dev-site/test/compact-interactive-list/CellContent.test.jsx b/...erra-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/...ramework-docs/src/terra-dev-site/test/compact-interactive-list/FixedWidthColumns.test.jsx b/...ramework-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/...ork-docs/src/terra-dev-site/test/compact-interactive-list/InconsistentWidthUnits.test.jsx b/...ork-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/...ramework-docs/src/terra-dev-site/test/compact-interactive-list/ResponsiveColumns.test.jsx b/...ramework-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/...-docs/src/terra-dev-site/test/compact-interactive-list/ResponsiveColumnsMaxWidth.test.jsx b/...-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/...ra-framework-docs/src/terra-dev-site/test/compact-interactive-list/ScalableUnits.test.jsx b/...ra-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/...framework-docs/src/terra-dev-site/test/compact-interactive-list/WidthBreakpoints.test.jsx b/...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/.../src/terra-dev-site/test/compact-interactive-list/WidthBreakpointsHorizontalFlow.test.jsx b/.../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,
   },