@central-design-system/components 4.0.0-alpha.1 → 4.0.0-alpha.3

package/CHANGELOG.md

@@ -32,6 +32,7 @@ _TBD_
 - **CdsDateInput** — поле ввода даты: текстовое поле с иконкой календаря, раскрывающее `CdsDatePicker` в выпадающем меню; поддерживает ручной ввод, диапазон, несколько дат и выбор времени.
 - **CdsFileInput** — поле выбора файлов: одиночный и множественный выбор, drag-and-drop и вставка из буфера, отображение именами или чипами, размер файлов и фильтрация по типам.
 - **CdsFileUpload** — выделенная зона загрузки файлов с drag-and-drop (включая папки), списком файлов, фильтрацией по типам и индикатором загрузки.
+- **CdsOtpInput** — поле ввода одноразового кода из SMS, письма или приложения-аутентификатора: ряд ячеек поверх одного скрытого `input`, автозаполнение кода, вставка из буфера и событие завершения ввода.
 - **CdsProgressCircle** — круговой индикатор прогресса в режимах determinate и indeterminate.
 - **CdsTagGroup** — группа тегов с переключаемым выбором: одиночным или множественным, с горизонтальной прокруткой или переносом по строкам.
 - **CdsToast** — всплывающее уведомление со статусом, автозакрытием по таймеру, позиционированием и действиями. Замена `CdsNotificationAlert` из CDS 3.
@@ -60,7 +61,7 @@ _TBD_
 - **CdsTabsV2**: компоненты `CdsTabsV2` / `CdsTabV2` переименованы в `CdsTabs` / `CdsTab` — см. [Migration Guide](/docs/getting-started-migration-guide--docs).
 - **CdsTabs**: пропсы иконок стрелок прокрутки переименованы `prependIcon` / `appendIcon` → `prevIcon` / `nextIcon`.
 - **CdsTooltip**: контент подсказки по умолчанию получил `pointer-events: none` — наведение закрывает подсказку; для кликабельного контента добавьте проп `interactive` — см. [Migration Guide](/docs/getting-started-migration-guide--docs).
-- **CdsTooltip**: удалён пропс `hideArrow` и сам направляющий «хвостик»; изменён exposed-API (`id` / `overlay` → `contentEl` / `activatorEl` / `updateLocation` …).
+- **CdsTooltip**: изменён exposed-API (`id` / `overlay` → `contentEl` / `activatorEl` / `updateLocation` …).
 - **CdsContainer**: компонент удалён (был помечен `deprecated` в CDS 3) — замена: `<div>` с утилитарными классами, либо `CdsCard`, если нужна интерактивность — см. [Migration Guide](/docs/getting-started-migration-guide--docs).
 - **CdsContentSwitcher**: компоненты `CdsContentSwitcher` / `CdsContentSwitcherItem` удалены (были помечены `deprecated` в CDS 3) — замена `CdsTabs` / `CdsTab` — см. [Migration Guide](/docs/getting-started-migration-guide--docs).
 - **CdsStatus**: значение статуса `error` переименовано в `danger` (`status`: `info` / `success` / `warning` / `danger` / `progress`) — см. [Migration Guide](/docs/getting-started-migration-guide--docs).
@@ -254,6 +255,9 @@ _TBD_
 - **CdsTagGroup**: пропсы `color`, `activeColor`, `disabled` и `filter` группа проставляет своим тегам как значения по умолчанию; наружу доступны `select`, `isSelected`, `selected`, `next` и `prev`.
 - **CdsTag**: новый проп `activeColor` — цвет выбранного в группе тега; без него выбор красит сама группа брендовым цветом, а `color` остаётся цветом невыбранного тега.
 - **CdsTag**: оформление заблокированного тега — `disabled` красит тег в служебные токены `fill-disable` / `content-disable` и снимает реакцию на клики.
+- **CdsOtpInput**: новый компонент — поле ввода одноразового кода: ячейки только отрисовывают код, а ввод принимает один скрытый `input` с `autocomplete="one-time-code"`, поэтому работают автозаполнение из SMS, вставка целой строкой из буфера, выделение и стрелки. Пропсы `length`, `type` (`number` / `text` / `password`), `masked`, `pattern` (готовые наборы `numeric` / `alpha` / `alphanumeric` / `unicode-alpha` / `unicode-alphanumeric` или свой RegExp), `placeholder`, `divider`, `merged`, `focusAll`, `error`, `loading`, `autofocus`, цветовые пропсы и `size`; событие `finish` при полностью набранном коде, слоты `fields` / `divider` / `loader` / `default` и exposed-методы `focus()` / `blur()` / `reset()`.
+- **CdsOtpField** / **CdsOtpGroup** / **CdsOtpSeparator**: атомы поля ввода кода — через слот `fields` из них собирается своя раскладка ячеек, например группировка «3 — 3» с общей рамкой у каждой группы.
+- **useOtpInput**: headless-композабл ввода кода — раскладывает значение по ячейкам в графемах (эмодзи занимают одну ячейку), фильтрует символы по паттерну, ведёт выделение скрытого input и поддерживает IME-композицию.
 
 ### Улучшения
 

package/MIGRATION.md

@@ -4,7 +4,7 @@
 Этот документ — **живой** migration guide: записи добавляются по мере появления
 breaking-изменений в alpha/beta релизах CDS 4.
 
-> Версии: CDS 3 — `3.10.1` (стабильная), CDS 4 — `4.0.0-alpha.1` (в разработке).
+> Версии: CDS 3 — `3.10.1` (стабильная), CDS 4 — `4.0.0-alpha.3` (в разработке).
 
 ## Как читать этот документ