diff --git a/packages/themes/src/presets/material/autocomplete/index.js b/packages/themes/src/presets/material/autocomplete/index.js index a6c0007cb..5f718ec11 100644 --- a/packages/themes/src/presets/material/autocomplete/index.js +++ b/packages/themes/src/presets/material/autocomplete/index.js @@ -146,5 +146,9 @@ export default { 'autocomplete.invalid.border.color' )}); } + +.p-autocomplete-option { + transition: none; +} ` }; diff --git a/packages/themes/src/presets/material/cascadeselect/index.js b/packages/themes/src/presets/material/cascadeselect/index.js index 948865679..38e873ab1 100644 --- a/packages/themes/src/presets/material/cascadeselect/index.js +++ b/packages/themes/src/presets/material/cascadeselect/index.js @@ -98,10 +98,14 @@ export default { )}); } -.p-select.p-variant-filled.p-invalid:not(.p-disabled).p-focus { +.p-cascadeselect.p-variant-filled.p-invalid:not(.p-disabled).p-focus { background-image: linear-gradient(to bottom, ${dt('cascadeselect.invalid.border.color')}, ${dt('cascadeselect.invalid.border.color')}), linear-gradient(to bottom, ${dt('cascadeselect.invalid.border.color')}, ${dt( 'cascadeselect.invalid.border.color' )}); } + +.p-cascadeselect-option { + transition: none; +} ` }; diff --git a/packages/themes/src/presets/material/listbox/index.js b/packages/themes/src/presets/material/listbox/index.js index 357c28dd1..2064db70f 100644 --- a/packages/themes/src/presets/material/listbox/index.js +++ b/packages/themes/src/presets/material/listbox/index.js @@ -62,5 +62,10 @@ export default { stripedBackground: '{surface.900}' } } - } + }, + style: ({ dt }) => ` +.p-listbox-option { + transition: none; +} +` }; diff --git a/packages/themes/src/presets/material/multiselect/index.js b/packages/themes/src/presets/material/multiselect/index.js index d98e708ba..9661d75b4 100644 --- a/packages/themes/src/presets/material/multiselect/index.js +++ b/packages/themes/src/presets/material/multiselect/index.js @@ -110,5 +110,9 @@ export default { .p-multiselect.p-variant-filled.p-invalid:not(.p-disabled).p-focus { background-image: linear-gradient(to bottom, ${dt('multiselect.invalid.border.color')}, ${dt('multiselect.invalid.border.color')}), linear-gradient(to bottom, ${dt('multiselect.invalid.border.color')}, ${dt('multiselect.invalid.border.color')}); } + +.p-multiselect-option { + transition: none; +} ` }; diff --git a/packages/themes/src/presets/material/select/index.js b/packages/themes/src/presets/material/select/index.js index 750ff12a4..4339cd740 100644 --- a/packages/themes/src/presets/material/select/index.js +++ b/packages/themes/src/presets/material/select/index.js @@ -114,5 +114,9 @@ export default { .p-select.p-variant-filled.p-invalid:not(.p-disabled).p-focus { background-image: linear-gradient(to bottom, ${dt('select.invalid.border.color')}, ${dt('select.invalid.border.color')}), linear-gradient(to bottom, ${dt('select.invalid.border.color')}, ${dt('select.invalid.border.color')}); } + +.p-select-option { + transition: none; +} ` }; diff --git a/packages/themes/src/presets/material/tree/index.js b/packages/themes/src/presets/material/tree/index.js index 9a273a3a3..838aac33b 100644 --- a/packages/themes/src/presets/material/tree/index.js +++ b/packages/themes/src/presets/material/tree/index.js @@ -47,5 +47,10 @@ export default { }, loadingIcon: { size: '2rem' - } + }, + style: ({ dt }) => ` +.p-tree-node-content { + transition: none; +} +` };