Refactor #6690 - For Carousel

packages/primevue/src/carousel/style/CarouselStyle.js

@@ -18,6 +18,10 @@ const theme = ({ dt }) => `
     gap: ${dt('carousel.content.gap')};
 }
 
+.p-carousel-content:dir(rtl) {
+    flex-direction: row-reverse;
+}
+
 .p-carousel-viewport {
     overflow: hidden;
     width: 100%;
@@ -28,6 +32,10 @@ const theme = ({ dt }) => `
     flex-direction: row;
 }
 
+.p-carousel-item-list:dir(rtl) {
+    flex-direction: row-reverse;
+}
+
 .p-carousel-prev-button,
 .p-carousel-next-button {
     align-self: center;