From 76620c7c079ae595bb2662bd83126819608be1de Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Tue, 7 May 2024 12:56:35 +0300
Subject: [PATCH] Border radius token for inputgroup

---
 .../lib/inputgroup/style/InputGroupStyle.js      | 16 ++++++++--------
 components/lib/themes/aura/inputgroup/index.js   |  3 ++-
 components/lib/themes/lara/inputgroup/index.js   |  3 +++
 3 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/components/lib/inputgroup/style/InputGroupStyle.js b/components/lib/inputgroup/style/InputGroupStyle.js
index ed8bb00fe..6f232a494 100644
--- a/components/lib/inputgroup/style/InputGroupStyle.js
+++ b/components/lib/inputgroup/style/InputGroupStyle.js
@@ -69,13 +69,13 @@ const theme = ({ dt }) => `
 .p-inputgroup input:first-child,
 .p-inputgroup > .p-inputwrapper:first-child,
 .p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
-    border-top-left-radius: 6px;
-    border-bottom-left-radius: 6px;
+    border-top-left-radius: ${dt('inputgroup.addon.border.radius')};
+    border-bottom-left-radius: ${dt('inputgroup.addon.border.radius')};
 }
 
 .p-inputgroup .p-float-label:first-child input {
-    border-top-left-radius: 6px;
-    border-bottom-left-radius: 6px;
+    border-top-left-radius: ${dt('inputgroup.addon.border.radius')};
+    border-bottom-left-radius: ${dt('inputgroup.addon.border.radius')};
 }
 
 .p-inputgroup-addon:last-child,
@@ -83,13 +83,13 @@ const theme = ({ dt }) => `
 .p-inputgroup input:last-child,
 .p-inputgroup > .p-inputwrapper:last-child,
 .p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
-    border-top-right-radius: 6px;
-    border-bottom-right-radius: 6px;
+    border-top-right-radius: ${dt('inputgroup.addon.border.radius')};
+    border-bottom-right-radius: ${dt('inputgroup.addon.border.radius')};
 }
 
 .p-inputgroup .p-float-label:last-child input {
-    border-top-right-radius: 6px;
-    border-bottom-right-radius: 6px;
+    border-top-right-radius: ${dt('inputgroup.addon.border.radius')};
+    border-bottom-right-radius: ${dt('inputgroup.addon.border.radius')};
 }
 
 .p-fluid .p-inputgroup .p-button {
diff --git a/components/lib/themes/aura/inputgroup/index.js b/components/lib/themes/aura/inputgroup/index.js
index 98043141a..4504dd153 100644
--- a/components/lib/themes/aura/inputgroup/index.js
+++ b/components/lib/themes/aura/inputgroup/index.js
@@ -2,6 +2,7 @@ export default {
     addon: {
         background: '{form.field.background}',
         borderColor: '{form.field.border.color}',
-        color: '{form.field.icon.color}'
+        color: '{form.field.icon.color}',
+        borderRadius: '{form.field.border.radius}'
     }
 };
diff --git a/components/lib/themes/lara/inputgroup/index.js b/components/lib/themes/lara/inputgroup/index.js
index 97faf25ae..f356be1de 100644
--- a/components/lib/themes/lara/inputgroup/index.js
+++ b/components/lib/themes/lara/inputgroup/index.js
@@ -1,4 +1,7 @@
 export default {
+    addon: {
+        borderRadius: '{form.field.border.radius}'
+    },
     colorScheme: {
         light: {
             addon: {