From 9e908bae6a78f43695467d391aa2466e29d7f95a Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Mon, 21 Oct 2024 13:38:39 +0300
Subject: [PATCH] ColorPicker RTL

---
 .../src/colorpicker/style/ColorPickerStyle.js | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/packages/primevue/src/colorpicker/style/ColorPickerStyle.js b/packages/primevue/src/colorpicker/style/ColorPickerStyle.js
index b386564ca..dc72b76a4 100644
--- a/packages/primevue/src/colorpicker/style/ColorPickerStyle.js
+++ b/packages/primevue/src/colorpicker/style/ColorPickerStyle.js
@@ -54,8 +54,8 @@ const theme = ({ dt }) => `
 .p-colorpicker-color-selector {
     width: 150px;
     height: 150px;
-    top: 8px;
-    left: 8px;
+    inset-block-start: 8px;
+    inset-inline-start: 8px;
     position: absolute;
 }
 
@@ -67,8 +67,8 @@ const theme = ({ dt }) => `
 
 .p-colorpicker-color-handle {
     position: absolute;
-    top: 0px;
-    left: 150px;
+    inset-block-start: 0px;
+    inset-inline-start: 150px;
     border-radius: 100%;
     width: 10px;
     height: 10px;
@@ -83,8 +83,8 @@ const theme = ({ dt }) => `
 .p-colorpicker-hue {
     width: 17px;
     height: 150px;
-    top: 8px;
-    left: 167px;
+    inset-block-start: 8px;
+    inset-inline-start: 167px;
     position: absolute;
     opacity: 0.85;
     background: linear-gradient(0deg,
@@ -99,11 +99,11 @@ const theme = ({ dt }) => `
 
 .p-colorpicker-hue-handle {
     position: absolute;
-    top: 150px;
-    left: 0px;
+    inset-block-start: 150px;
+    inset-inline-start: 0px;
     width: 21px;
-    margin-left: -2px;
-    margin-top: -5px;
+    margin-inline-start: -2px;
+    margin-block-start: -5px;
     height: 10px;
     border-width: 2px;
     border-style: solid;