v7.6.2

Исправления

• Button: Применялся некорректный токен для отступа в after из-за чего был расинхрон с отступом в before (#8917)
• ModalCard, ModalPage: При очень быстром открытии и закрытии приложение фризило из-за того, что модальное окно не переходило в конечную фазу анимации (#8890)

v7.6.1

Исправления

• RichCell: Поправлено выравнивание контента по центру при отсутствии after и afterCaption (#8867)
• Separator: В Windows, при изменении масштаба на 125%, 150% или 175%, один из разделителей визуально рисовался больше чем остальные (#8865)
• MiniInfoCell: API расширен свойствами 'hoverMode' | 'activeMode' | 'hovered' | 'activated' | 'hasHover' | 'hasActive' от Tappable (#8868)

Документация

• Для ModalPage, ModalCard, ModalRoot свойства добавлено предупреждение при использовании свойства noFocusToDialog (#8889)

v7.6.0

Исправления

• Title: Исправлено начертание у level="2" в соответствии с дизайном (#8769)
  
• Banner: Цвет текста в subtitle и extraSubtitle приведен в соответствие с дизайном – токен --vkui--color_text_subhead заменён на --vkui--color_text_primary с opacity: 0.72 (#8791)
  
• SimpleCell: Исправлена слитность текста при использовании скринридера NVDA (#8781)
• CustomSelect: Поправлена проблема вызова onChange при первой отрисовке при использовании allowClearButton и value={undefined} (#8813)

Улучшения

• Tabs: Оптимизированы ререндеры дочерних компонентов при использовании подхода с выбранной вкладкой через свойство selected компонента TabsItem (#8761)

• Все всплывающие элементы (Tooltip, Popover, Popper, OnboardingTooltip) теперь обладают свойством disableShiftMiddleware для возможности отключить смещение по главной оси (#8759)

• ContentBadge: Добавлена возможность сделать компонент кликабельным (#8731)

• ModalCard: Для фона подложки используем специальный токен --vkui--color_overlay_primary (#8786)

• ModalPage: Для фона подложки используем специальный токен --vkui--color_overlay_primary (#8786)

• Cell: Добавлена документация по доступности (#8782)

• SimpleCell: Добавлена документация по доступности (#8781)

• Для ModalCard, ModalPage, ModalRoot добавлено свойство disableModalOverlay, которое позволяет отключить отображение фона модалки (#8815)

• Checkbox: Добавлено свойство noPadding, которое позволяет отключить отступы по краям от чекбокса, когда внутрь не передан текст (#8816)

• Chip: Добавлено свойство mode, где "primary" - это текущий режим отображения, а "secondary" - второстепенный: (#8809)
  

• CustomSelect:

  • Добавлено новое свойство accessible, позволяющее включить режим, в котором меняется поведение CustomSelect так, чтобы выбранная опция корректно читалась всеми скринридерами (#8663)
  • Добавлены свойства fetchingInProgressLabel и fetchingCompletedLabel для переопределения текстовых меток для индикации процесса загрузки (#8663)

Документация

• Добавлен favicon для https://vkui.io → (#8842)
• В https://vkui.io/playground создана вводная страница с разъяснением куда попал пользователь (#8844)

Зависимости

• @vkontakte/vkui-tokens обновлен с 4.67.0 до 4.69.0 (#8852)

@vkontakte/vkui-codemods@1.0.2

Исправления

• Сокращение -tv заменено на --tv – мигрировали на commander.js >= 13.1.0 (#8860)

v7.5.4

Исправления

• ChipsSelect: поправлена проблема с изменение размера поля при клике внутри поля (#8780)

Документация

• Popover: Доработан раздел цифровой доступности в документации (#8808)
• Tooltip: Добавлен раздел цифровой доступности в документации (#8808)

@vkontakte/vkui-codemods@1.0.1

Исправления

• Исправили некорректную работу codemod для компонентов ChipsSelect, CustomSelect, Select, CustomScrollView, PanelHeaderEdit - ошибочно удалялись конструкции вида {...restProps}

v7.5.3

Исправления

• ModalPage: В режиме для настольных экранов внешние отступы препятствовали закрытию окна по нажатию на маску (#8790)
• HorizontalScroll: Добавлено состояние фокуса для контейнера, который скролится. Теперь при фокусе его можно скролить с помощью стрелочек (#8785)

v7.5.2

Исправления

• ImageBase:
  • Загруженный медиа-контент "мигал" при повторных новых рендерах, например, при возвращении из другого экрана (#8784)
  • Проверка на валидность элемента в fallbackIcon перенесена в development режим (#8784)

Документация

• В Storybook ImageBase добавлена возможность задавать fallbackIcon (#8784)

v7.5.1

Исправления

• Переключение свойства disabled в кликабельных компонентах больше не обновляет dom ноды (#8749)
• ModalPage: При наличии safe-area-inset-bottom не растягивался фон, из-за чего просвечивалась основная страница (#8756)
• ModalCard: Не учитывалось смещение на safe-area-inset-bottom для стартовой и конечной точках анимации открытия и закрытия (#8756)

Документация

• ImageBase: Исправлена ссылка на компонент Image (#8755)

v7.5.0

Документация

Note

Переезжаем на новую документацию https://vkui.io/blog/new-docs-2025 🎉

Комментарии можно приносить в дискуссию https://github.com/VKCOM/VKUI/discussions/8667. Спасибо за те, что уже предложили 🫰

• Теперь везде ссылаемся на новую документацию – https://vkui.io (#8727)
• В https://vkui.io реализован следующий функционал (#8598):
  • превью компонента с возможностью редактировать код, изменять платформу, изменять тему и набор токенов;
  • таблица "Свойства и методы";
  • новая система разделения компонентов на категории;
  • модальное окно с глобальным поиском с возможностью включить фильтрацию только по компонентам. Вызывается:
    • либо по клику на кнопку в шапке;
    • либо по горячей клавише Ctrl/Cmd + K.
  • локальный поиск по компонентам в меню слева;
  • транслитерация якорей заголовков.
• Добавлена поддержка https://vkui.io?uwu=true (#8702)
• Изменения под Storybook:
  • компоненты перегруппированы в соответствии с новой документацией (#8670);
  • добавлена возможность фильтровать по группам (#8733).

Улучшения

• Accordion:

  • Добавлено свойство unmountOnCollapsed, которое позволяет удалять из DOM-дерева содержимое аккордеона (#8634)
  • Добавлен хук useAccordionContext, для получения состояния аккордеона внутри содержимого для управления отображением (#8634)

• ChipsInput и ChipsSelect: Исправлены ошибки доступности компонентов (#8632)

  Поле ввода и опции (чипы) находились в одном контейнере с ролью listbox, что некорректно с точки зрения доступности. Поэтому для опций был создан отдельный контейнер с ролью listbox, а поле ввода расположено сразу после этого контейнера. В связи с этим мы согласовали с дизайнерами следующее визуальное изменение: теперь, если количество выбранных опций занимает больше одной строки, поле ввода всегда переносится на следующую строку.

  

  До и после

Зависимости

• @vkontakte/vkui-tokens обновлён с 4.66.0 to 4.67.0 (#8681)