v5.10.0

Улучшения

• Snackbar: добавили подкомпонент Snackbar.Basic – это тот же Snackbar, но только вёрстка, без логики (#5932)
• HorizontalCell: теперь принимает все параметры Tappable (#5918)
• Avatar: добавлена функция Avatar.getInitialsFontSize для определения размера шрифта в аватарах (#5923)
• Image:
  • добавлена возможность задавать прозрачный фон с помощью параметра withTransparentBackground. Полезно для отображения картинок с прозрачностью. (#5924)
  • добавленны свойства widthSize и heightSize (#5682)
• SegmentedControl: Добавили возможность добавлять иконку с помощью свойства before (#5959)
• Gradient: добавили новый mode=default, который позволяет подстраиваться под текущую тему (#5827)
• Radio: добавили новыйп проп labelProps для того чтобы можно было передавать data-* аттрибуты лэйблу, в который обёрнут инпут. Основная цель - позволить в e2e-тестах находить именно лейбл. (#6037)
• ModalRoot: новое свойство modalOverlayTestId для передачи data-testid на оверлей (#6052)
• ModalPage, ModalCard: новое свойство modalDismissButtonTestId для передачи data-testid на оверлей (#6051)
• Cell: добавили авто-скролл для draggable режима (#5833)
• ModalCard: новое свойство dismissButtonMode для возможности показать крестик закрытия внутри модальной карточки (#6068)
• CustomSelect, ChipsSelect: новое свойство noMaxHeight для отображения выпадающего меню без скролла (#6045)
• Select/CustomSelect: сделали компонент доступным для скринридеров на десктопах (#6087)
  Рекомендации по использованию компонента для улучшения доступности можно найти в документации по компоненту в разделе "Цифровая доступность (a11y)".
  Были внесены изменения во внутреннюю реализацию компонента, в результате чего e2e-тесты, могут сломаться.
  Рекоммендации по e2e-тестированию компонента можно найти в разделе "Тестирование (e2e)" документации компонента.
  Также поменялся тип ноды, которую можно получить через свойство getRootRef, c HTMLLabelElement на HTMLDivElement.
• Calendar: параметры minDateTime/maxDateTime позволяют запретить выбор определенных дат с учетом времени (#5866)
• Search: добавлена кнопка "Найти" справа как в дизайн-системе (#5790)
• Tabs:
  • добавлен автоскролл до выбранного таба (#5957)
  • добавлено свойство layoutFillMode для возможности управления растягиванием/сжатием вкладок (#6114)

Исправления

• AppRoot: не вызывался useInsets(), если не передан safeAreaInsets (#6071)
• TabsItem: теперь status={0} отображается корректно (#6125)
• Переделали реализацию :focus-visible-состояния, чтобы больше не появлялся скролл в родительском элементе (#5876)

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

• Добавили в шапку ссылки на токены и иконки (#6048)
• View: добавили информацию о важности порядка Panel (#6046)

Other

• withInsets помечен как @deprecated и будет удалён в v6 – используйте useInsets() из @vkontakte/vk-bridge-react (#6071)

Зависимости

• Обновили @vkontakte/vkjs с 1.1.0 до 1.1.1 (#6122)
• Обновили @vkontakte/vkui-tokens с 4.41.1 до 4.41.2 (#6098)
• Обновили @vkontakte/vkui-floating-ui с 0.1.0 до 0.1.2 (#6109)

---

Important

Как сообщалось в Release notes v5.9.4, мы приступили к разработке v6, поэтому это финальная минорная версия VKUI v5. В дальнейшем мы будем править критические проблемы.