From 3f2d11910a10eea49bcb101d73b95496f9e7ceeb Mon Sep 17 00:00:00 2001 From: Danil Khaliulin Date: Fri, 28 Aug 2026 20:02:24 +0800 Subject: [PATCH 1/9] =?UTF-8?q?=D0=BF=D1=80=D0=B8=D0=B2=D0=B5=D1=81=D1=82?= =?UTF-8?q?=D0=B8=20=D1=88=D0=B8=D1=80=D0=B8=D0=BD=D1=83=20=D1=8F=D1=87?= =?UTF-8?q?=D0=B5=D0=B5=D0=BA=20inputotp=20=D0=BA=20=D0=BC=D0=B0=D0=BA?= =?UTF-8?q?=D0=B5=D1=82=D1=83?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/lib/providers/prime-preset/tokens/tokens.json | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/lib/providers/prime-preset/tokens/tokens.json b/src/lib/providers/prime-preset/tokens/tokens.json index 363335f8..d8e69992 100644 --- a/src/lib/providers/prime-preset/tokens/tokens.json +++ b/src/lib/providers/prime-preset/tokens/tokens.json @@ -3303,12 +3303,12 @@ "gap": "{dimension.space.200}" }, "input": { - "width": "{dimension.size.1800}", + "width": "{dimension.size.1100}", "lg": { - "width": "{dimension.size.1900}" + "width": "{dimension.size.1200}" }, "sm": { - "width": "{dimension.size.1700}" + "width": "{dimension.size.800}" } }, "sm": { From 9918b1ad4c4ee37d6a9ce7d10625af99268db3ad Mon Sep 17 00:00:00 2001 From: Danil Khaliulin Date: Fri, 28 Aug 2026 20:57:31 +0800 Subject: [PATCH 2/9] =?UTF-8?q?=D0=B7=D0=B0=D0=B4=D0=B0=D1=82=D1=8C=20?= =?UTF-8?q?=D0=B2=D1=8B=D1=81=D0=BE=D1=82=D1=83=20=D1=8F=D1=87=D0=B5=D0=B5?= =?UTF-8?q?=D0=BA=20inputotp=20=D0=B8=20=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2?= =?UTF-8?q?=D0=B8=D1=82=D1=8C=20=D1=80=D0=B0=D0=B7=D0=BC=D0=B5=D1=80=D1=8B?= =?UTF-8?q?=20sm/lg?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/lib/components/inputotp/inputotp.component.ts | 12 ++++++++++++ .../prime-preset/tokens/components/inputotp.ts | 3 +++ src/lib/providers/prime-preset/tokens/tokens.json | 14 +++++++------- .../components/inputotp/inputotp.stories.ts | 12 ++++++++++++ 4 files changed, 34 insertions(+), 7 deletions(-) diff --git a/src/lib/components/inputotp/inputotp.component.ts b/src/lib/components/inputotp/inputotp.component.ts index 8f4a77be..85bc5578 100644 --- a/src/lib/components/inputotp/inputotp.component.ts +++ b/src/lib/components/inputotp/inputotp.component.ts @@ -14,6 +14,8 @@ import { ControlValueAccessor, FormControl, NG_VALUE_ACCESSOR, NgControl, Reacti import { takeUntilDestroyed } from '@angular/core/rxjs-interop'; import { InputOtp, InputOtpChangeEvent } from 'primeng/inputotp'; +export type ExtraInputOtpSize = 'sm' | 'base' | 'lg'; + export interface ExtraInputOtpChangeEvent { value: string; originalEvent: Event; @@ -37,6 +39,7 @@ export interface ExtraInputOtpChangeEvent { [length]="length" [mask]="mask" [integerOnly]="integerOnly" + [size]="primeSize" [disabled]="disabled" [invalid]="invalid" [formControl]="control" @@ -54,9 +57,18 @@ export class ExtraInputOtpComponent implements ControlValueAccessor, OnInit { @Input() length = 4; @Input() mask = false; @Input() integerOnly = false; + /** Размер ячейки: sm 28 / base 40 / lg 48. */ + @Input() size: ExtraInputOtpSize = 'base'; disabled = false; + /** PrimeNG знает только small/large; base — размер по умолчанию, без класса. */ + get primeSize(): 'small' | 'large' | undefined { + if (this.size === 'sm') return 'small'; + if (this.size === 'lg') return 'large'; + return undefined; + } + @Output() onChange = new EventEmitter(); private _onChange: (value: string | null) => void = () => {}; diff --git a/src/lib/providers/prime-preset/tokens/components/inputotp.ts b/src/lib/providers/prime-preset/tokens/components/inputotp.ts index 492972a5..90502971 100644 --- a/src/lib/providers/prime-preset/tokens/components/inputotp.ts +++ b/src/lib/providers/prime-preset/tokens/components/inputotp.ts @@ -30,16 +30,19 @@ export const inputotpCss = ({ dt }: { dt: (token: string) => string }): string = /* ─── Small ─── */ .p-inputotp.p-component .p-inputtext.p-inputtext-sm { + height: ${dt('inputotp.extend.extSm.height')}; padding-block: ${dt('inputtext.root.sm.paddingY')}; } /* ─── Base ─── */ .p-inputotp.p-component .p-inputtext:not(.p-inputtext-sm):not(.p-inputtext-lg):not(.p-inputtext-xlg) { + height: ${dt('inputotp.extend.height')}; padding-block: ${dt('inputtext.root.paddingY')}; } /* ─── Large ─── */ .p-inputotp.p-component .p-inputtext.p-inputtext-lg { + height: ${dt('inputotp.extend.extLg.height')}; padding-block: ${dt('inputtext.root.lg.paddingY')}; } diff --git a/src/lib/providers/prime-preset/tokens/tokens.json b/src/lib/providers/prime-preset/tokens/tokens.json index d8e69992..63a28fb0 100644 --- a/src/lib/providers/prime-preset/tokens/tokens.json +++ b/src/lib/providers/prime-preset/tokens/tokens.json @@ -3297,7 +3297,13 @@ "inputotp": { "extend": { "height": "{dimension.size.1100}", - "borderWidth": "{dimension.borderWidth.100}" + "borderWidth": "{dimension.borderWidth.100}", + "extSm": { + "height": "{dimension.size.800}" + }, + "extLg": { + "height": "{dimension.size.1200}" + } }, "root": { "gap": "{dimension.space.200}" @@ -3310,12 +3316,6 @@ "sm": { "width": "{dimension.size.800}" } - }, - "sm": { - "width": "{dimension.size.none}" - }, - "lg": { - "width": "{dimension.size.none}" } }, "inputtext": { diff --git a/src/stories/components/inputotp/inputotp.stories.ts b/src/stories/components/inputotp/inputotp.stories.ts index b3e6da73..b081d3bd 100644 --- a/src/stories/components/inputotp/inputotp.stories.ts +++ b/src/stories/components/inputotp/inputotp.stories.ts @@ -62,6 +62,16 @@ import { ExtraInputOtpComponent } from '@cdek-it/angular-ui-kit'; type: { summary: 'boolean' } } }, + size: { + control: 'select', + options: ['sm', 'base', 'lg'], + description: 'Размер ячейки', + table: { + category: 'Свойства', + defaultValue: { summary: "'base'" }, + type: { summary: "'sm' | 'base' | 'lg'" } + } + }, // ── Состояния (управляются через FormControl) ───────────────── disabled: { control: 'boolean', @@ -97,6 +107,7 @@ import { ExtraInputOtpComponent } from '@cdek-it/angular-ui-kit'; length: 4, mask: false, integerOnly: false, + size: 'base', disabled: false, invalid: false } @@ -114,6 +125,7 @@ export const Default: Story = { if (args.length !== 4) parts.push(`[length]="${args.length}"`); if (args.mask) parts.push(`[mask]="true"`); if (args.integerOnly) parts.push(`[integerOnly]="true"`); + if (args.size && args.size !== 'base') parts.push(`size="${args.size}"`); const validators = args.invalid ? [() => ({ invalid: true })] : []; const control = new FormControl({ value: '', disabled: args.disabled }, validators); From 044eba47283910438baa5303c61d412da80ab1bf Mon Sep 17 00:00:00 2001 From: Danil Khaliulin Date: Fri, 28 Aug 2026 21:12:21 +0800 Subject: [PATCH 3/9] =?UTF-8?q?=D0=B7=D0=B0=D0=B4=D0=B0=D1=82=D1=8C=20?= =?UTF-8?q?=D1=80=D0=B0=D0=B4=D0=B8=D1=83=D1=81=20=D1=8F=D1=87=D0=B5=D0=B9?= =?UTF-8?q?=D0=BA=D0=B8=20inputotp=20=D0=B4=D0=BB=D1=8F=20=D1=80=D0=B0?= =?UTF-8?q?=D0=B7=D0=BC=D0=B5=D1=80=D0=B0=20sm?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/lib/providers/prime-preset/tokens/components/inputotp.ts | 2 ++ src/lib/providers/prime-preset/tokens/tokens.json | 3 ++- 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/src/lib/providers/prime-preset/tokens/components/inputotp.ts b/src/lib/providers/prime-preset/tokens/components/inputotp.ts index 90502971..f3c35ba8 100644 --- a/src/lib/providers/prime-preset/tokens/components/inputotp.ts +++ b/src/lib/providers/prime-preset/tokens/components/inputotp.ts @@ -31,6 +31,8 @@ export const inputotpCss = ({ dt }: { dt: (token: string) => string }): string = /* ─── Small ─── */ .p-inputotp.p-component .p-inputtext.p-inputtext-sm { height: ${dt('inputotp.extend.extSm.height')}; + /* радиус inputtext (14px) на ячейке 28px смыкается в круг — для sm свой */ + border-radius: ${dt('inputotp.extend.extSm.borderRadius')}; padding-block: ${dt('inputtext.root.sm.paddingY')}; } diff --git a/src/lib/providers/prime-preset/tokens/tokens.json b/src/lib/providers/prime-preset/tokens/tokens.json index 63a28fb0..afae75af 100644 --- a/src/lib/providers/prime-preset/tokens/tokens.json +++ b/src/lib/providers/prime-preset/tokens/tokens.json @@ -3299,7 +3299,8 @@ "height": "{dimension.size.1100}", "borderWidth": "{dimension.borderWidth.100}", "extSm": { - "height": "{dimension.size.800}" + "height": "{dimension.size.800}", + "borderRadius": "{dimension.borderRadius.200}" }, "extLg": { "height": "{dimension.size.1200}" From f96feaca45c79585fcf9294e53dc813f7a40a651 Mon Sep 17 00:00:00 2001 From: Danil Khaliulin Date: Fri, 28 Aug 2026 21:17:56 +0800 Subject: [PATCH 4/9] =?UTF-8?q?=D0=BF=D0=B5=D1=80=D0=B5=D0=B8=D0=BC=D0=B5?= =?UTF-8?q?=D0=BD=D0=BE=D0=B2=D0=B0=D1=82=D1=8C=20=D1=80=D0=B0=D0=B7=D0=BC?= =?UTF-8?q?=D0=B5=D1=80=D1=8B=20inputotp=20=D0=B2=20small,=20base=20=D0=B8?= =?UTF-8?q?=20large?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/lib/components/inputotp/inputotp.component.ts | 8 +++----- src/stories/components/inputotp/inputotp.stories.ts | 4 ++-- 2 files changed, 5 insertions(+), 7 deletions(-) diff --git a/src/lib/components/inputotp/inputotp.component.ts b/src/lib/components/inputotp/inputotp.component.ts index 85bc5578..bda61c5f 100644 --- a/src/lib/components/inputotp/inputotp.component.ts +++ b/src/lib/components/inputotp/inputotp.component.ts @@ -14,7 +14,7 @@ import { ControlValueAccessor, FormControl, NG_VALUE_ACCESSOR, NgControl, Reacti import { takeUntilDestroyed } from '@angular/core/rxjs-interop'; import { InputOtp, InputOtpChangeEvent } from 'primeng/inputotp'; -export type ExtraInputOtpSize = 'sm' | 'base' | 'lg'; +export type ExtraInputOtpSize = 'small' | 'base' | 'large'; export interface ExtraInputOtpChangeEvent { value: string; @@ -57,16 +57,14 @@ export class ExtraInputOtpComponent implements ControlValueAccessor, OnInit { @Input() length = 4; @Input() mask = false; @Input() integerOnly = false; - /** Размер ячейки: sm 28 / base 40 / lg 48. */ + /** Размер ячейки: small 28 / base 40 / large 48. */ @Input() size: ExtraInputOtpSize = 'base'; disabled = false; /** PrimeNG знает только small/large; base — размер по умолчанию, без класса. */ get primeSize(): 'small' | 'large' | undefined { - if (this.size === 'sm') return 'small'; - if (this.size === 'lg') return 'large'; - return undefined; + return this.size === 'base' ? undefined : this.size; } @Output() onChange = new EventEmitter(); diff --git a/src/stories/components/inputotp/inputotp.stories.ts b/src/stories/components/inputotp/inputotp.stories.ts index b081d3bd..63c82f35 100644 --- a/src/stories/components/inputotp/inputotp.stories.ts +++ b/src/stories/components/inputotp/inputotp.stories.ts @@ -64,12 +64,12 @@ import { ExtraInputOtpComponent } from '@cdek-it/angular-ui-kit'; }, size: { control: 'select', - options: ['sm', 'base', 'lg'], + options: ['small', 'base', 'large'], description: 'Размер ячейки', table: { category: 'Свойства', defaultValue: { summary: "'base'" }, - type: { summary: "'sm' | 'base' | 'lg'" } + type: { summary: "'small' | 'base' | 'large'" } } }, // ── Состояния (управляются через FormControl) ───────────────── From 40df7d0d16998728338e533ba5c83dbdc356edea Mon Sep 17 00:00:00 2001 From: Danil Khaliulin Date: Fri, 28 Aug 2026 21:21:41 +0800 Subject: [PATCH 5/9] =?UTF-8?q?=D0=BE=D0=BF=D0=B8=D1=81=D0=B0=D1=82=D1=8C?= =?UTF-8?q?=20=D0=BF=D1=80=D0=BE=D0=BF=20size=20=D0=B2=20=D1=81=D0=BF?= =?UTF-8?q?=D0=B5=D1=86=D0=B8=D1=84=D0=B8=D0=BA=D0=B0=D1=86=D0=B8=D0=B8=20?= =?UTF-8?q?inputotp?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/components-api/inputotp.md | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/docs/components-api/inputotp.md b/docs/components-api/inputotp.md index bceec645..38748d2e 100644 --- a/docs/components-api/inputotp.md +++ b/docs/components-api/inputotp.md @@ -4,11 +4,12 @@ > ✅ **Реализован**: `ExtraInputOtpComponent` (`@cdek-it/angular-ui-kit`) соответствует спецификации. -| Свойство | Описание | Типизация | -| -------------- | ---------------------------------------- | --------- | -| `length` | количество полей ввода | `number` | -| `mask` | скрывать введённое значение (как пароль) | `boolean` | -| `integer-only` | допускать только цифры | `boolean` | +| Свойство | Описание | Типизация | +| -------------- | ---------------------------------------- | ------------------------ | +| `length` | количество полей ввода | `number` | +| `mask` | скрывать введённое значение (как пароль) | `boolean` | +| `integer-only` | допускать только цифры | `boolean` | +| `size` | размер ячейки: 28 / 40 / 48 px | `small \| base \| large` | # События From f4474948633d25aa16bb6dbdfad8ed8f1a7ab0cd Mon Sep 17 00:00:00 2001 From: Danil Khaliulin Date: Fri, 28 Aug 2026 22:50:03 +0800 Subject: [PATCH 6/9] =?UTF-8?q?=D1=81=D0=B4=D0=B5=D0=BB=D0=B0=D1=82=D1=8C?= =?UTF-8?q?=20=D0=BA=D0=BE=D0=BB=D1=8C=D1=86=D0=BE=20=D1=84=D0=BE=D0=BA?= =?UTF-8?q?=D1=83=D1=81=D0=B0=20inputotp=20=D0=BF=D1=80=D0=BE=D0=B7=D1=80?= =?UTF-8?q?=D0=B0=D1=87=D0=BD=D1=8B=D0=BC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../prime-preset/tokens/components/inputotp.ts | 2 +- src/lib/providers/prime-preset/tokens/tokens.json | 10 ++++++---- 2 files changed, 7 insertions(+), 5 deletions(-) diff --git a/src/lib/providers/prime-preset/tokens/components/inputotp.ts b/src/lib/providers/prime-preset/tokens/components/inputotp.ts index f3c35ba8..337857b9 100644 --- a/src/lib/providers/prime-preset/tokens/components/inputotp.ts +++ b/src/lib/providers/prime-preset/tokens/components/inputotp.ts @@ -25,7 +25,7 @@ export const inputotpCss = ({ dt }: { dt: (token: string) => string }): string = /* ─── Invalid + Focus ─── */ .p-inputotp.p-component .p-inputtext.p-invalid:focus { border-color: ${dt('inputtext.root.invalidBorderColor')}; - box-shadow: 0 0 0 ${dt('inputtext.root.focusRing.width')} ${dt('color.bg.status.danger.weak.active')}; + box-shadow: 0 0 0 ${dt('inputtext.root.focusRing.width')} ${dt('color.border.status.danger.focus')}; } /* ─── Small ─── */ diff --git a/src/lib/providers/prime-preset/tokens/tokens.json b/src/lib/providers/prime-preset/tokens/tokens.json index afae75af..f57d86c5 100644 --- a/src/lib/providers/prime-preset/tokens/tokens.json +++ b/src/lib/providers/prime-preset/tokens/tokens.json @@ -703,7 +703,7 @@ } }, "border": { - "focus": "{colors.solid.green.200}", + "focus": "{colors.alpha.green.200}", "neutral": { "default": "{colors.solid.zinc.200}", "strong": "{colors.solid.zinc.300}", @@ -722,7 +722,8 @@ "danger": { "subtle": "{colors.solid.red.400}", "default": "{colors.solid.red.500}", - "strong": "{colors.solid.red.600}" + "strong": "{colors.solid.red.600}", + "focus": "{colors.alpha.red.200}" }, "info": { "default": "{colors.solid.blue.500}", @@ -966,7 +967,7 @@ } }, "border": { - "focus": "{colors.solid.green.200}", + "focus": "{colors.alpha.green.200}", "neutral": { "default": "{colors.solid.zinc.800}", "strong": "{colors.solid.zinc.700}", @@ -985,7 +986,8 @@ "danger": { "subtle": "{colors.solid.red.600}", "default": "{colors.solid.red.500}", - "strong": "{colors.solid.red.400}" + "strong": "{colors.solid.red.400}", + "focus": "{colors.alpha.red.200}" }, "info": { "default": "{colors.solid.blue.500}", From 10ffd3db62471b08ee0b74ae50b30e680505fe37 Mon Sep 17 00:00:00 2001 From: Danil Khaliulin Date: Mon, 7 Sep 2026 14:20:07 +0800 Subject: [PATCH 7/9] =?UTF-8?q?=D1=81=D0=BA=D1=80=D1=8B=D1=82=D1=8C=20?= =?UTF-8?q?=D0=B3=D0=B5=D1=82=D1=82=D0=B5=D1=80=20primeSize=20=D0=B8=D0=B7?= =?UTF-8?q?=20=D0=BF=D1=83=D0=B1=D0=BB=D0=B8=D1=87=D0=BD=D0=BE=D0=B3=D0=BE?= =?UTF-8?q?=20API=20=D0=BA=D0=BE=D0=BC=D0=BF=D0=BE=D0=BD=D0=B5=D0=BD=D1=82?= =?UTF-8?q?=D0=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/lib/components/inputotp/inputotp.component.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/lib/components/inputotp/inputotp.component.ts b/src/lib/components/inputotp/inputotp.component.ts index bda61c5f..7f24ed2e 100644 --- a/src/lib/components/inputotp/inputotp.component.ts +++ b/src/lib/components/inputotp/inputotp.component.ts @@ -63,7 +63,7 @@ export class ExtraInputOtpComponent implements ControlValueAccessor, OnInit { disabled = false; /** PrimeNG знает только small/large; base — размер по умолчанию, без класса. */ - get primeSize(): 'small' | 'large' | undefined { + protected get primeSize(): 'small' | 'large' | undefined { return this.size === 'base' ? undefined : this.size; } From 7deee6a2a1793c5dee7d559d598c59ff1cef28f4 Mon Sep 17 00:00:00 2001 From: Danil Khaliulin Date: Mon, 7 Sep 2026 14:20:16 +0800 Subject: [PATCH 8/9] =?UTF-8?q?=D1=83=D0=B1=D1=80=D0=B0=D1=82=D1=8C=20?= =?UTF-8?q?=D0=BF=D0=B8=D0=BA=D1=81=D0=B5=D0=BB=D1=8C=D0=BD=D1=8B=D0=B5=20?= =?UTF-8?q?=D0=B7=D0=BD=D0=B0=D1=87=D0=B5=D0=BD=D0=B8=D1=8F=20=D0=B8=D0=B7?= =?UTF-8?q?=20=D0=BE=D0=BF=D0=B8=D1=81=D0=B0=D0=BD=D0=B8=D1=8F=20=D0=BF?= =?UTF-8?q?=D1=80=D0=BE=D0=BF=D0=B0=20size?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/lib/components/inputotp/inputotp.component.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/lib/components/inputotp/inputotp.component.ts b/src/lib/components/inputotp/inputotp.component.ts index 7f24ed2e..890369af 100644 --- a/src/lib/components/inputotp/inputotp.component.ts +++ b/src/lib/components/inputotp/inputotp.component.ts @@ -57,7 +57,7 @@ export class ExtraInputOtpComponent implements ControlValueAccessor, OnInit { @Input() length = 4; @Input() mask = false; @Input() integerOnly = false; - /** Размер ячейки: small 28 / base 40 / large 48. */ + /** Размер ячейки. */ @Input() size: ExtraInputOtpSize = 'base'; disabled = false; From 82d15df70a7b0d66aac3668f997b4bbc54f06f9a Mon Sep 17 00:00:00 2001 From: Danil Khaliulin Date: Mon, 7 Sep 2026 16:30:36 +0800 Subject: [PATCH 9/9] =?UTF-8?q?=D1=83=D0=B1=D1=80=D0=B0=D1=82=D1=8C=20?= =?UTF-8?q?=D0=BF=D0=B8=D0=BA=D1=81=D0=B5=D0=BB=D1=8C=D0=BD=D1=8B=D0=B5=20?= =?UTF-8?q?=D0=B7=D0=BD=D0=B0=D1=87=D0=B5=D0=BD=D0=B8=D1=8F=20=D0=B8=D0=B7?= =?UTF-8?q?=20=D0=BE=D0=BF=D0=B8=D1=81=D0=B0=D0=BD=D0=B8=D1=8F=20size=20?= =?UTF-8?q?=D0=B2=20=D1=81=D0=BF=D0=B5=D1=86=D0=B8=D1=84=D0=B8=D0=BA=D0=B0?= =?UTF-8?q?=D1=86=D0=B8=D0=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/components-api/inputotp.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/components-api/inputotp.md b/docs/components-api/inputotp.md index 38748d2e..8397964c 100644 --- a/docs/components-api/inputotp.md +++ b/docs/components-api/inputotp.md @@ -9,7 +9,7 @@ | `length` | количество полей ввода | `number` | | `mask` | скрывать введённое значение (как пароль) | `boolean` | | `integer-only` | допускать только цифры | `boolean` | -| `size` | размер ячейки: 28 / 40 / 48 px | `small \| base \| large` | +| `size` | размер ячейки | `small \| base \| large` | # События