From 9b3f5b5398b509cdb74a55ca970e94258e15ef4d Mon Sep 17 00:00:00 2001 From: Cagatay Civici Date: Sun, 7 Apr 2024 12:40:54 +0300 Subject: [PATCH] Refactored AutoComplete styles --- .../lib/autocomplete/style/AutoCompleteStyle.js | 6 +++--- .../lib/themes/primeone/base/autocomplete/index.js | 14 +++++++------- 2 files changed, 10 insertions(+), 10 deletions(-) diff --git a/components/lib/autocomplete/style/AutoCompleteStyle.js b/components/lib/autocomplete/style/AutoCompleteStyle.js index 9c9b1ef61..8e939ca48 100644 --- a/components/lib/autocomplete/style/AutoCompleteStyle.js +++ b/components/lib/autocomplete/style/AutoCompleteStyle.js @@ -42,11 +42,11 @@ const classes = { } ], list: 'p-autocomplete-list', - itemGroup: 'p-autocomplete-item-group', + itemGroup: 'p-autocomplete-option-group', item: ({ instance, option, i, getItemOptions }) => [ - 'p-autocomplete-item', + 'p-autocomplete-option', { - 'p-autocomplete-item-selected': instance.isSelected(option), + 'p-autocomplete-option-selected': instance.isSelected(option), 'p-focus': instance.focusedOptionIndex === instance.getOptionIndex(i, getItemOptions), 'p-disabled': instance.isOptionDisabled(option) } diff --git a/components/lib/themes/primeone/base/autocomplete/index.js b/components/lib/themes/primeone/base/autocomplete/index.js index 5c460ae69..b479b60ef 100644 --- a/components/lib/themes/primeone/base/autocomplete/index.js +++ b/components/lib/themes/primeone/base/autocomplete/index.js @@ -86,7 +86,7 @@ export default { padding: 0.25rem 0.25rem; } -.p-autocomplete-item { +.p-autocomplete-option { cursor: pointer; white-space: nowrap; position: relative; @@ -100,30 +100,30 @@ export default { border-radius: ${dt('rounded.sm')}; } -.p-autocomplete-item:first-child { +.p-autocomplete-option:first-child { margin-top: 0; } -.p-autocomplete-item:last-child { +.p-autocomplete-option:last-child { margin-bottom: 0; } -.p-autocomplete-item:not(.p-autocomplete-item-selected):not(.p-disabled).p-focus { +.p-autocomplete-option:not(.p-autocomplete-option-selected):not(.p-disabled).p-focus { background: ${dt('autocomplete.item.focus.background')}; color: ${dt('autocomplete.item.focus.color')}; } -.p-autocomplete-item-selected { +.p-autocomplete-option-selected { background: ${dt('autocomplete.item.selected.background')}; color: ${dt('autocomplete.item.selected.color')}; } -.p-autocomplete-item-selected.p-focus { +.p-autocomplete-option-selected.p-focus { background: ${dt('autocomplete.item.selected.focus.background')}; color: ${dt('autocomplete.item.selected.focus.color')}; } -.p-autocomplete-item-group { +.p-autocomplete-option-group { margin: 0; padding: 0.5rem 0.75rem; color: ${dt('autocomplete.item.group.color')};