From 055170e8afd9cd8b8b7a50aa4366785662366fec Mon Sep 17 00:00:00 2001 From: Danil Khaliulin Date: Tue, 25 Aug 2026 00:22:37 +0800 Subject: [PATCH] =?UTF-8?q?=D0=BF=D0=B5=D1=80=D0=B5=D0=B2=D0=B5=D1=81?= =?UTF-8?q?=D1=82=D0=B8=20autocomplete=20=D0=BD=D0=B0=20=D0=BD=D0=BE=D0=B2?= =?UTF-8?q?=D1=8B=D0=B5=20=D1=82=D0=BE=D0=BA=D0=B5=D0=BD=D1=8B:=20=D0=BA?= =?UTF-8?q?=D0=BE=D0=BC=D0=BF=D0=B5=D0=BD=D1=81=D0=B0=D1=86=D0=B8=D1=8F=20?= =?UTF-8?q?=D1=87=D0=B8=D0=BF=D0=B0=20=D0=B8=20=D1=86=D0=B2=D0=B5=D1=82=20?= =?UTF-8?q?=D0=B8=D0=BA=D0=BE=D0=BD=D0=BE=D0=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../tokens/components/autocomplete.ts | 21 +++++++++++-------- 1 file changed, 12 insertions(+), 9 deletions(-) diff --git a/src/lib/providers/prime-preset/tokens/components/autocomplete.ts b/src/lib/providers/prime-preset/tokens/components/autocomplete.ts index 46b1b616..c3aba797 100644 --- a/src/lib/providers/prime-preset/tokens/components/autocomplete.ts +++ b/src/lib/providers/prime-preset/tokens/components/autocomplete.ts @@ -1,4 +1,3 @@ - export const autocompleteCss = ({ dt }: { dt: (token: string) => string }): string => ` /* ─── Base ─── */ .p-autocomplete { @@ -45,7 +44,7 @@ export const autocompleteCss = ({ dt }: { dt: (token: string) => string }): stri /* ─── Иконки ─── */ .p-autocomplete-clear-icon, .p-autocomplete-dropdown .p-icon { - color: var(--p-form-field-icon-color); + color: ${dt('autocomplete.dropdown.color')}; } .p-autocomplete.p-component:has(.p-autocomplete-dropdown) .p-autocomplete-clear-icon { @@ -59,7 +58,7 @@ export const autocompleteCss = ({ dt }: { dt: (token: string) => string }): stri } .p-autocomplete .p-autocomplete-input-multiple:has(.p-autocomplete-chip) { - padding: calc(${dt('autocomplete.root.paddingY')} - 5px); + padding: calc(${dt('autocomplete.root.paddingY')} - ${dt('chip.root.paddingY')} - ${dt('chip.extend.borderWidth')}); } .p-autocomplete .p-autocomplete-input-chip { @@ -84,6 +83,10 @@ export const autocompleteCss = ({ dt }: { dt: (token: string) => string }): stri gap: ${dt('autocomplete.extend.extOption.gap')}; } + .p-autocomplete-option { + background: ${dt('autocomplete.extend.option.background')}; + } + .p-autocomplete-option-group { gap: ${dt('autocomplete.extend.extOptionGroup.gap')}; } @@ -107,8 +110,8 @@ export const autocompleteCss = ({ dt }: { dt: (token: string) => string }): stri } .p-autocomplete.p-component .p-inputtext-sm.p-autocomplete-input-multiple:has(.p-autocomplete-chip) { - padding-block: calc(${dt('inputtext.root.sm.paddingY')} - 4.75px); - padding-inline: calc(${dt('inputtext.root.sm.paddingY')} - 4.75px); + padding-block: calc(${dt('inputtext.root.sm.paddingY')} - ${dt('chip.root.paddingY')} - ${dt('chip.extend.borderWidth')}); + padding-inline: calc(${dt('inputtext.root.sm.paddingY')} - ${dt('chip.root.paddingY')} - ${dt('chip.extend.borderWidth')}); } /* lg */ @@ -120,8 +123,8 @@ export const autocompleteCss = ({ dt }: { dt: (token: string) => string }): stri } .p-autocomplete.p-component .p-inputtext-lg.p-autocomplete-input-multiple:has(.p-autocomplete-chip) { - padding-block: calc(${dt('inputtext.root.lg.paddingY')} - 4.75px); - padding-inline: calc(${dt('inputtext.root.lg.paddingY')} - 4.75px); + padding-block: calc(${dt('inputtext.root.lg.paddingY')} - ${dt('chip.root.paddingY')} - ${dt('chip.extend.borderWidth')}); + padding-inline: calc(${dt('inputtext.root.lg.paddingY')} - ${dt('chip.root.paddingY')} - ${dt('chip.extend.borderWidth')}); } /* xlg */ @@ -133,8 +136,8 @@ export const autocompleteCss = ({ dt }: { dt: (token: string) => string }): stri } .p-autocomplete.p-component .p-inputtext-xlg.p-autocomplete-input-multiple:has(.p-autocomplete-chip) { - padding-block: calc(${dt('inputtext.extend.extXlg.paddingY')} - 4.75px); - padding-inline: calc(${dt('inputtext.extend.extXlg.paddingY')} - 4.75px); + padding-block: calc(${dt('inputtext.extend.extXlg.paddingY')} - ${dt('chip.root.paddingY')} - ${dt('chip.extend.borderWidth')}); + padding-inline: calc(${dt('inputtext.extend.extXlg.paddingY')} - ${dt('chip.root.paddingY')} - ${dt('chip.extend.borderWidth')}); } .p-autocomplete.p-component .p-inputtext-xlg .p-autocomplete-chip {