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: {