diff --git a/packages/primevue/src/inputgroup/style/InputGroupStyle.js b/packages/primevue/src/inputgroup/style/InputGroupStyle.js index d93a294de..0a0b9c80c 100644 --- a/packages/primevue/src/inputgroup/style/InputGroupStyle.js +++ b/packages/primevue/src/inputgroup/style/InputGroupStyle.js @@ -22,18 +22,18 @@ const theme = ({ dt }) => ` padding: ${dt('inputgroup.addon.padding')}; background: ${dt('inputgroup.addon.background')}; color: ${dt('inputgroup.addon.color')}; - border-top: 1px solid ${dt('inputgroup.addon.border.color')}; - border-bottom: 1px solid ${dt('inputgroup.addon.border.color')}; + border-block-start: 1px solid ${dt('inputgroup.addon.border.color')}; + border-block-end: 1px solid ${dt('inputgroup.addon.border.color')}; min-width: ${dt('inputgroup.addon.min.width')}; } .p-inputgroupaddon:first-child, .p-inputgroupaddon + .p-inputgroupaddon { - border-left: 1px solid ${dt('inputgroup.addon.border.color')}; + border-inline-start: 1px solid ${dt('inputgroup.addon.border.color')}; } .p-inputgroupaddon:last-child { - border-right: 1px solid ${dt('inputgroup.addon.border.color')}; + border-inline-end: 1px solid ${dt('inputgroup.addon.border.color')}; } .p-inputgroup > .p-component, @@ -53,8 +53,8 @@ const theme = ({ dt }) => ` .p-inputgroup > .p-floatlabel:first-child > .p-inputwrapper > .p-component, .p-inputgroup > .p-iftalabel:first-child > .p-component, .p-inputgroup > .p-iftalabel:first-child > .p-inputwrapper > .p-component { - border-top-left-radius: ${dt('inputgroup.addon.border.radius')}; - border-bottom-left-radius: ${dt('inputgroup.addon.border.radius')}; + border-start-start-radius: ${dt('inputgroup.addon.border.radius')}; + border-end-start-radius: ${dt('inputgroup.addon.border.radius')}; } .p-inputgroupaddon:last-child, @@ -64,8 +64,8 @@ const theme = ({ dt }) => ` .p-inputgroup > .p-floatlabel:last-child > .p-inputwrapper > .p-component, .p-inputgroup > .p-iftalabel:last-child > .p-component, .p-inputgroup > .p-iftalabel:last-child > .p-inputwrapper > .p-component { - border-top-right-radius: ${dt('inputgroup.addon.border.radius')}; - border-bottom-right-radius: ${dt('inputgroup.addon.border.radius')}; + border-start-end-radius: ${dt('inputgroup.addon.border.radius')}; + border-end-end-radius: ${dt('inputgroup.addon.border.radius')}; } .p-inputgroup .p-component:focus,