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)

v7.4.4

Исправления

• В dev режиме могла возникать ошибка Use TooltipContainer for Tooltip outside Panel (see docs) (#8735)

v7.4.3

Исправление

• ImageBase, Image, Avatar: исправлен фон при изменении свойства src (#8728)
• SimpleCell: добавлен отступ перед after (#8726)

v7.4.2

Исправления

• Поправлена проблема, когда всплывающие элементы не меняли своё положение на противоположное по горизонтальной оси – вместо этого они смещались по оси, чтобы оставаться в области видимости. В частности, это касалось Popover (#8712)

Зависимости

• @vkontakte/vkui-floating-ui обновлён с 0.2.3 до 0.2.5 (#8713)

v7.4.1

Исправления

• HorizontalScroll: Боковые стрелки в режиме showArrows="always" отображаются с hover-состоянием (#8685)
• Image: Поправлена проблема когда в Popover, при использовании флага hideWhenReferenceHidden, Image был виден (#8700)

v7.4.0

Улучшения

• CustomSelect: Тип свойства popupDirection расширен новыми значениями: top-start, top-end, bottom-start, bottom-end (#8530)
• Tabs: Добавлен контролируемый режим для управления активной вкладкой через пропсы selectedTabId и onSelectedTabChanged (#8484)
• Link: Тег div изменен на span (#8594)
• PanelHeader: Свойство shadow помечено устаревшим и будет удалено в v8 (#8609)
• Spinner: Свойство visibilityDelay скрывает компонент в начале отрисовки на заданное количество миллисекунд (#8614)
• Removable: Теперь отступ в компоненте рендерится более оптимально, не используя лишнююю логику (#8453)
• ChipsInput: Функционал свойства delimiter был расширен. Теперь он может принимать регулярное выражение, а также массив разных разделителей (#8584)
• ChipsSelect: Функционал свойства delimiter был расширен. Теперь он может принимать регулярное выражение, а также массив разных разделителей (#8584)
• DateRangeInput:
  • Добавлена поддержка пользователей клавиатуры и скринридеров (#8611)
  • Добавлено новое свойство accessible, позволяющее включить режим, в котором меняется поведение DateInput так, чтобы можно было с клавиатуры или скринридера удобно работать с календарём. (в VKUI v8 будет включено по умолчанию) (#8611)
  • Поддержано свойство readOnly (#8649)
• CalendarRange: Улучшена навигация с помощью клавиатуры и скринридера (#8515)
• DateInput: Поддержано свойство readOnly (#8649)

Исправления

• vkBase: Изменены значения цветов для hover и active состояний токена --vkui--color_background_secondary_alpha (#8502)
  

Зависимости

• @vkontakte/vkui-tokens from 4.63.0 to 4.66.0 (#8606)

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

• Добавлен шаблон приложения на Vite + VKUI + TypeScript (#8402)
• Добавлен шаблон приложения на Next js + VKUI + TypeScript (#8404)
• Storybook обновлён с 8 до 9 версии (#8635)

v7.3.8

Исправления

• CellButtonGroup: Компонент теперь доступен для импорта (#8665)

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

• UsersStack: Исправлена документация свойства visibleCount (#8664)