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')};