From b9de4a684eb93aa14dd81aa38603202441132a97 Mon Sep 17 00:00:00 2001
From: Eric Olkowski <thatblindgeye@gmail.com>
Date: Tue, 12 Sep 2023 09:54:31 -0400
Subject: [PATCH 1/2] chore(DataList): added RTL modifier class to icon in demo

---
 packages/react-core/src/demos/DataListDemo.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-core/src/demos/DataListDemo.md b/packages/react-core/src/demos/DataListDemo.md
index 1ea2844f6c8..ebe87331d5b 100644
--- a/packages/react-core/src/demos/DataListDemo.md
+++ b/packages/react-core/src/demos/DataListDemo.md
@@ -123,7 +123,7 @@ class ExpandableDataList extends React.Component {
                     variant="plain"
                     aria-label={this.state.allExpanded ? 'Collapse all rows' : 'Expand all rows'}
                   >
-                    <ToolbarExpandIconWrapper>
+                    <ToolbarExpandIconWrapper className="pf-v5-m-mirror-inline-rtl">
                       <AngleRightIcon />
                     </ToolbarExpandIconWrapper>
                   </Button>

From abdec44a6ded6fe956c83769c2e5e1e209e633f9 Mon Sep 17 00:00:00 2001
From: Eric Olkowski <thatblindgeye@gmail.com>
Date: Wed, 13 Sep 2023 15:51:21 -0400
Subject: [PATCH 2/2] Updated to use new Icon shouldMirrorRTL prop

---
 packages/react-core/src/demos/DataListDemo.md | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/react-core/src/demos/DataListDemo.md b/packages/react-core/src/demos/DataListDemo.md
index ebe87331d5b..09e68551ff5 100644
--- a/packages/react-core/src/demos/DataListDemo.md
+++ b/packages/react-core/src/demos/DataListDemo.md
@@ -35,7 +35,8 @@ import {
   ToolbarExpandIconWrapper,
   ToolbarContent,
   SearchInput,
-  Tooltip
+  Tooltip,
+  Icon
 } from '@patternfly/react-core';
 import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon';
 import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
@@ -123,9 +124,11 @@ class ExpandableDataList extends React.Component {
                     variant="plain"
                     aria-label={this.state.allExpanded ? 'Collapse all rows' : 'Expand all rows'}
                   >
-                    <ToolbarExpandIconWrapper className="pf-v5-m-mirror-inline-rtl">
-                      <AngleRightIcon />
-                    </ToolbarExpandIconWrapper>
+                    <Icon shouldMirrorRTL>
+                      <ToolbarExpandIconWrapper>
+                        <AngleRightIcon />
+                      </ToolbarExpandIconWrapper>
+                    </Icon>
                   </Button>
                 </Tooltip>
               </ToolbarItem>