styles for setup assistant [dir=rtl] added (#5267)

* styles for setup assistant [dir=rtl] added

* updated patch to v2.22.1

---------

Co-authored-by: Manjunath Kalburgi <[email protected]>

Author: manjunathkalburgi

ui/components/progress-indicator/RELEASENOTES.md

@@ -1,7 +1,11 @@
 <!-- Release notes authoring guidelines: http://keepachangelog.com/ -->
 
 # Progress Indicator Release Notes
+## 2.22.1
 
+### Fixed
+
+- Matching styles for [dir=rtl] added.
 ## 2.21.0
 
 ### Added

ui/components/progress-indicator/vertical/_index.scss

@@ -34,11 +34,17 @@
     &:before {
       top: 0;
       bottom: 50%;
+      @include rtl() {
+        right: $spacing-large;
+      }
     }
 
     &:after {
       top: 50%;
       bottom: 0;
+      @include rtl() {
+        right: $spacing-large;
+      }
     }
 
     &:first-child:before,
@@ -83,6 +89,9 @@
     margin-right: $spacing-medium;
     min-width: $square-icon-utility-small;
     z-index: 5;
+    @include rtl() {
+      margin-left: $spacing-medium;
+    }
   }
 
   .slds-progress__marker_icon {

ui/components/setup-assistant/RELEASENOTES.md

@@ -3,6 +3,11 @@
 # Setup Assistant Release Notes
 
 <!-- ## [Unreleased] -->
+## 2.22.1
+
+### Added
+
+- Matching styles for [dir=rtl] added.
 
 ## 2.16.0
 

ui/components/setup-assistant/base/_index.scss

@@ -63,6 +63,9 @@
  */
 .slds-setup-assistant__step-summary-content {
   margin-right: $spacing-xx-large;
+  @include rtl() {
+    margin-right:$spacing-none;
+  }
 }
 
 /**
@@ -84,4 +87,16 @@
  */
 .slds-setup-assistant__step-detail {
   padding-left: ($square-icon-large-content + $spacing-small);
+  @include rtl() {
+    padding-right: $spacing-large;
+    padding-left: $spacing-medium;
+  }
+  .slds-media_center{
+    @include rtl() {
+      margin-right: $spacing-medium;
+    }
+  }
+}
+.slds-media__figure{
+  margin-left: $spacing-small;
 }

ui/components/summary-detail/RELEASENOTES.md

@@ -3,6 +3,10 @@
 # Summary Detail Release Notes
 
 <!-- ## [Unreleased] -->
+## 2.22.1
+### Fixed
+
+- Matching styles for [dir=rtl] added.
 ## 2.22.0
 ### Changed
 - Replaced aria-hidden with hidden attribute for components that show/hide content

ui/components/summary-detail/base/_index.scss

@@ -23,6 +23,11 @@
    */
   .slds-summary-detail__action-icon {
     transform: rotate(-90deg);
+
+    @include rtl() {
+      -webkit-transform: rotate(90deg);
+      transform: rotate(90deg);
+    }
   }
 
   /**