From d452103edff7c6d795b763c4c77fe0db825bcbfd Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Thu, 24 Oct 2024 17:29:37 +0300
Subject: [PATCH] Refactor #6636 - For ToggleSwitch

---
 .../src/toggleswitch/style/ToggleSwitchStyle.js        | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/primevue/src/toggleswitch/style/ToggleSwitchStyle.js b/packages/primevue/src/toggleswitch/style/ToggleSwitchStyle.js
index d61c97576..a4c3860eb 100644
--- a/packages/primevue/src/toggleswitch/style/ToggleSwitchStyle.js
+++ b/packages/primevue/src/toggleswitch/style/ToggleSwitchStyle.js
@@ -12,7 +12,7 @@ const theme = ({ dt }) => `
     appearance: none;
     position: absolute;
     top: 0;
-    left: 0;
+    inset-inline-start: 0;
     width: 100%;
     height: 100%;
     padding: 0;
@@ -50,10 +50,10 @@ const theme = ({ dt }) => `
     color: ${dt('toggleswitch.handle.color')};
     width: ${dt('toggleswitch.handle.size')};
     height: ${dt('toggleswitch.handle.size')};
-    left: ${dt('toggleswitch.gap')};
-    margin-top: calc(-1 * calc(${dt('toggleswitch.handle.size')} / 2));
+    inset-inline-start: ${dt('toggleswitch.gap')};
+    margin-block-start: calc(-1 * calc(${dt('toggleswitch.handle.size')} / 2));
     border-radius: ${dt('toggleswitch.handle.border.radius')};
-    transition: background ${dt('toggleswitch.transition.duration')}, color ${dt('toggleswitch.transition.duration')}, left ${dt('toggleswitch.slide.duration')}, box-shadow ${dt('toggleswitch.slide.duration')};
+    transition: background ${dt('toggleswitch.transition.duration')}, color ${dt('toggleswitch.transition.duration')}, inset-inline-start ${dt('toggleswitch.slide.duration')}, box-shadow ${dt('toggleswitch.slide.duration')};
 }
 
 .p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider {
@@ -64,7 +64,7 @@ const theme = ({ dt }) => `
 .p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-handle {
     background: ${dt('toggleswitch.handle.checked.background')};
     color: ${dt('toggleswitch.handle.checked.color')};
-    left: calc(${dt('toggleswitch.width')} - calc(${dt('toggleswitch.handle.size')} + ${dt('toggleswitch.gap')}));
+    inset-inline-start: calc(${dt('toggleswitch.width')} - calc(${dt('toggleswitch.handle.size')} + ${dt('toggleswitch.gap')}));
 }
 
 .p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover) .p-toggleswitch-slider {