From 7a3304a7ffb8de572e35ad6ad6a905ec567fcef4 Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Thu, 24 Oct 2024 17:27:35 +0300
Subject: [PATCH] Refactor #6636 - For InputNumber

---
 .../src/inputnumber/style/InputNumberStyle.js | 32 +++++++++----------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/packages/primevue/src/inputnumber/style/InputNumberStyle.js b/packages/primevue/src/inputnumber/style/InputNumberStyle.js
index ff6b3fa27..1506f48ba 100644
--- a/packages/primevue/src/inputnumber/style/InputNumberStyle.js
+++ b/packages/primevue/src/inputnumber/style/InputNumberStyle.js
@@ -37,20 +37,20 @@ const theme = ({ dt }) => `
     display: flex;
     flex-direction: column;
     position: absolute;
-    top: 1px;
-    right: 1px;
+    inset-block-start: 1px;
+    inset-inline-end: 1px;
     height: calc(100% - 2px);
     z-index: 1;
 }
 
 .p-inputnumber-stacked .p-inputnumber-increment-button {
     padding: 0;
-    border-top-right-radius: calc(${dt('inputnumber.button.border.radius')} - 1px);
+    border-start-end-radius: calc(${dt('inputnumber.button.border.radius')} - 1px);
 }
 
 .p-inputnumber-stacked .p-inputnumber-decrement-button {
     padding: 0;
-    border-bottom-right-radius: calc(${dt('inputnumber.button.border.radius')} - 1px);
+    border-end-end-radius: calc(${dt('inputnumber.button.border.radius')} - 1px);
 }
 
 .p-inputnumber-stacked .p-inputnumber-button {
@@ -72,9 +72,9 @@ const theme = ({ dt }) => `
 
 .p-inputnumber-horizontal .p-inputnumber-increment-button {
     order: 3;
-    border-top-right-radius: ${dt('inputnumber.button.border.radius')};
-    border-bottom-right-radius: ${dt('inputnumber.button.border.radius')};
-    border-left: 0 none;
+    border-start-end-radius: ${dt('inputnumber.button.border.radius')};
+    border-end-end-radius: ${dt('inputnumber.button.border.radius')};
+    border-inline-start: 0 none;
 }
 
 .p-inputnumber-horizontal .p-inputnumber-input {
@@ -84,9 +84,9 @@ const theme = ({ dt }) => `
 
 .p-inputnumber-horizontal .p-inputnumber-decrement-button {
     order: 1;
-    border-top-left-radius: ${dt('inputnumber.button.border.radius')};
-    border-bottom-left-radius: ${dt('inputnumber.button.border.radius')};
-    border-right: 0 none;
+    border-start-start-radius: ${dt('inputnumber.button.border.radius')};
+    border-end-start-radius: ${dt('inputnumber.button.border.radius')};
+    border-inline-end: 0 none;
 }
 
 .p-floatlabel:has(.p-inputnumber-horizontal) label {
@@ -112,10 +112,10 @@ const theme = ({ dt }) => `
 
 .p-inputnumber-vertical .p-inputnumber-increment-button {
     order: 1;
-    border-top-left-radius: ${dt('inputnumber.button.border.radius')};
-    border-top-right-radius: ${dt('inputnumber.button.border.radius')};
+    border-start-start-radius: ${dt('inputnumber.button.border.radius')};
+    border-start-end-radius: ${dt('inputnumber.button.border.radius')};
     width: 100%;
-    border-bottom: 0 none;
+    border-block-end: 0 none;
 }
 
 .p-inputnumber-vertical .p-inputnumber-input {
@@ -126,10 +126,10 @@ const theme = ({ dt }) => `
 
 .p-inputnumber-vertical .p-inputnumber-decrement-button {
     order: 3;
-    border-bottom-left-radius: ${dt('inputnumber.button.border.radius')};
-    border-bottom-right-radius: ${dt('inputnumber.button.border.radius')};
+    border-end-start-radius: ${dt('inputnumber.button.border.radius')};
+    border-end-end-radius: ${dt('inputnumber.button.border.radius')};
     width: 100%;
-    border-top: 0 none;
+    border-block-start: 0 none;
 }
 
 .p-inputnumber-input {