From c8335dbfda417999e844c2bd1868f7d509d84655 Mon Sep 17 00:00:00 2001 From: Danil Khaliulin Date: Tue, 25 Aug 2026 00:28:17 +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=20inputnumber=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=BE?= =?UTF-8?q?=D0=B1=D0=B2=D0=BE=D0=B4=D0=BA=D0=B0=20=D0=B8=20=D1=80=D0=B0?= =?UTF-8?q?=D0=B7=D0=BC=D0=B5=D1=80=20=D0=B8=D0=BA=D0=BE=D0=BD=D0=BE=D0=BA?= =?UTF-8?q?=20=D0=BA=D0=BD=D0=BE=D0=BF=D0=BE=D0=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../tokens/components/inputnumber.ts | 17 ++++++++--------- 1 file changed, 8 insertions(+), 9 deletions(-) diff --git a/src/lib/providers/prime-preset/tokens/components/inputnumber.ts b/src/lib/providers/prime-preset/tokens/components/inputnumber.ts index f8a88386..6e84123a 100644 --- a/src/lib/providers/prime-preset/tokens/components/inputnumber.ts +++ b/src/lib/providers/prime-preset/tokens/components/inputnumber.ts @@ -1,6 +1,4 @@ export const inputnumberCss = ({ dt }: { dt: (token: string) => string }): string => ` - -/* ─── Базовые стили ─── */ .p-inputnumber .p-inputnumber-input { font-family: ${dt('fonts.fontFamily.base')}; } @@ -13,7 +11,6 @@ export const inputnumberCss = ({ dt }: { dt: (token: string) => string }): strin font-family: ${dt('fonts.fontFamily.base')}; } -/* ─── Кнопки увеличения/уменьшения ─── */ .p-inputnumber-button { border-width: ${dt('inputnumber.extend.borderWidth')}; } @@ -27,29 +24,31 @@ export const inputnumberCss = ({ dt }: { dt: (token: string) => string }): strin border-right: none; } -/* ─── Focus ─── */ +.p-inputnumber-button .p-icon, +.p-inputnumber-button [class*='ti-'] { + font-size: ${dt('inputnumber.extend.extButton.iconSize')}; + width: ${dt('inputnumber.extend.extButton.iconSize')}; + height: ${dt('inputnumber.extend.extButton.iconSize')}; +} + .p-inputnumber .p-inputnumber-input:enabled:focus { box-shadow: 0 0 0 ${dt('inputtext.root.focusRing.width')} ${dt('inputtext.root.focusRing.color')}; } -/* ─── Invalid + Focus ─── */ .p-inputnumber.p-invalid .p-inputnumber-input:focus { border-color: ${dt('inputtext.root.invalidBorderColor')}; - box-shadow: 0 0 0 1px ${dt('inputtext.root.invalidBorderColor')}; + box-shadow: 0 0 0 ${dt('inputnumber.extend.borderWidth')} ${dt('inputtext.root.invalidBorderColor')}; } -/* ─── Disabled состояние ─── */ .p-inputnumber-horizontal:has(.p-inputnumber-input:disabled) .p-inputnumber-button { background: ${dt('inputtext.root.disabledBackground')}; color: ${dt('inputtext.root.disabledColor')}; } -/* ─── FloatLabel: кнопки на полную высоту поля ─── */ .p-floatlabel:has(.p-inputnumber-horizontal) .p-inputnumber-button { align-self: stretch; } -/* ─── Extra Large ─── */ .p-inputnumber.p-inputnumber-xlg .p-inputnumber-input { font-size: ${dt('inputtext.extend.extXlg.fontSize')}; padding: ${dt('inputtext.extend.extXlg.paddingY')} ${dt('inputtext.extend.extXlg.paddingX')};