diff --git a/packages/themes/src/presets/material/inputgroup/index.js b/packages/themes/src/presets/material/inputgroup/index.js index 27d96c12e..c065cf1c5 100644 --- a/packages/themes/src/presets/material/inputgroup/index.js +++ b/packages/themes/src/presets/material/inputgroup/index.js @@ -6,5 +6,13 @@ export default { borderRadius: '{form.field.border.radius}', padding: '0.75rem', minWidth: '3rem' - } + }, + css: ({ dt }) => ` +.p-inputgroup:has(.p-variant-filled) .p-inputgroupaddon { + border-block-start-color: ${dt('inputtext.filled.background')}; + border-inline-color: ${dt('inputtext.filled.background')}; + background: ${dt('inputtext.filled.background')} no-repeat; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +` }; diff --git a/packages/themes/src/presets/material/inputnumber/index.js b/packages/themes/src/presets/material/inputnumber/index.js index ed3d043c2..20e11f5ca 100644 --- a/packages/themes/src/presets/material/inputnumber/index.js +++ b/packages/themes/src/presets/material/inputnumber/index.js @@ -41,5 +41,25 @@ export default { right: 2px; height: calc(100% - 4px); } + +.p-inputnumber-horizontal:has(.p-variant-filled) .p-inputnumber-button { + border-block-start-color: ${dt('inputtext.filled.background')}; + border-inline-color: ${dt('inputtext.filled.background')}; + background: ${dt('inputtext.filled.background')} no-repeat; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.p-inputnumber-vertical:has(.p-variant-filled) .p-inputnumber-button { + border-block-color: ${dt('inputtext.filled.background')}; + border-inline-color: ${dt('inputtext.filled.background')}; + background: ${dt('inputtext.filled.background')} no-repeat; +} + +.p-inputnumber-vertical:has(.p-variant-filled) .p-inputnumber-increment-button { + border-block-end: 1px solid ${dt('inputtext.border.color')} +} + + ` };