From 93fcaaf32fe9d5f555dc5576f4a92dcb62840b7d Mon Sep 17 00:00:00 2001
From: Quinton Jason <quinton.jason@gmail.com>
Date: Wed, 16 Oct 2024 09:50:24 -0500
Subject: [PATCH] fix: remove icon flex reverse

---
 .../sage-assets/lib/stylesheets/components/_icon.scss     | 5 +++++
 .../sage-assets/lib/stylesheets/core/mixins/_sage.scss    | 8 --------
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/packages/sage-assets/lib/stylesheets/components/_icon.scss b/packages/sage-assets/lib/stylesheets/components/_icon.scss
index 6e61524f08..ba02d29a9e 100644
--- a/packages/sage-assets/lib/stylesheets/components/_icon.scss
+++ b/packages/sage-assets/lib/stylesheets/components/_icon.scss
@@ -209,3 +209,8 @@ $-icon-beside-type: (
     --background-color: #{sage-color-combo($-color, default, background)};
   }
 }
+
+// flip icons with directional names for RTL - MUST LIVE IN PINE
+[dir="rtl"] pds-icon[name*="left"], [dir="rtl"] pds-icon[name*="right"] {
+  transform: scale(-1);
+}
diff --git a/packages/sage-assets/lib/stylesheets/core/mixins/_sage.scss b/packages/sage-assets/lib/stylesheets/core/mixins/_sage.scss
index 3d326c5707..fbf1afc1f4 100644
--- a/packages/sage-assets/lib/stylesheets/core/mixins/_sage.scss
+++ b/packages/sage-assets/lib/stylesheets/core/mixins/_sage.scss
@@ -78,10 +78,6 @@
     .sage-link--icon-right-#{$icon-name} {
       flex-direction: row-reverse;
 
-      [dir="rtl"] & {
-        flex-direction: row;
-      }
-
       &::before {
         @include sage-icon-base($icon-name, md, pine);
 
@@ -101,10 +97,6 @@
     .sage-link--icon-left-#{$icon-name} {
       flex-direction: row;
 
-      [dir="rtl"] & {
-        flex-direction: row-reverse;
-      }
-
       &::before {
         @include sage-icon-base($icon-name, md, pine);