From 502a63c2a5e577e7f159a4620eb12938e2f6d9c2 Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Thu, 31 Oct 2024 12:05:53 +0300
Subject: [PATCH] Refactor #6691 - For Chip

---
 packages/primevue/src/chip/style/ChipStyle.js | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/packages/primevue/src/chip/style/ChipStyle.js b/packages/primevue/src/chip/style/ChipStyle.js
index 388e3efa2..f431503c0 100644
--- a/packages/primevue/src/chip/style/ChipStyle.js
+++ b/packages/primevue/src/chip/style/ChipStyle.js
@@ -7,7 +7,8 @@ const theme = ({ dt }) => `
     background: ${dt('chip.background')};
     color: ${dt('chip.color')};
     border-radius: ${dt('chip.border.radius')};
-    padding: ${dt('chip.padding.y')} ${dt('chip.padding.x')};
+    padding-block: ${dt('chip.padding.y')};
+    padding-inline: ${dt('chip.padding.x')};
     gap: ${dt('chip.gap')};
 }
 
@@ -22,16 +23,16 @@ const theme = ({ dt }) => `
     border-radius: 50%;
     width: ${dt('chip.image.width')};
     height: ${dt('chip.image.height')};
-    margin-left: calc(-1 * ${dt('chip.padding.y')});
+    margin-inline-start: calc(-1 * ${dt('chip.padding.y')});
 }
 
 .p-chip:has(.p-chip-remove-icon) {
-    padding-right: ${dt('chip.padding.y')};
+    padding-inline-end: ${dt('chip.padding.y')};
 }
 
 .p-chip:has(.p-chip-image) {
-    padding-top: calc(${dt('chip.padding.y')} / 2);
-    padding-bottom: calc(${dt('chip.padding.y')} / 2);
+    padding-block-start: calc(${dt('chip.padding.y')} / 2);
+    padding-block-end: calc(${dt('chip.padding.y')} / 2);
 }
 
 .p-chip-remove-icon {