VKUI

• Завезли чудесной типографики
• Сильно упростили шапку, уничтожив PanelHeaderSimple (импортировать всё ещё можно, теперь это алиас для PanelHeader, который будет удалён в 4.0.0)
• Пофиксили баги шапки. Теперь по бокам можно размещать Avatar, а на PanelHeaderButton — навешивать Counter

• Исправления в библиотеке lib/touch.ts.
• Исправлено неверное поведение модальных страниц в некоторых случаях.

Новый компонент Banner. Документация – https://vkcom.github.io/vkui-styleguide/#!/Banner

Улучшения:

• Обновлён дизайн Input, Select, SelectMimicry и Textarea в disabled состоянии.
• В документации появилась секция со ссылками на Sketch библиотеки.

Исправления:

• Tappable: Исправлена проблема с типами.
• SelectMimicry: Исправлено срабатывание onClick при disabled (спасибо @semgoSE за #635).
• Snackbar: Исправлена проблема с типами (спасибо @Nix1304 за #633).

• Пофикшена проблема с PromoBanner #613
• tsconfig.js: добавлено правило noImplicitAny, позволяющее писать более надежный код

Рефакторинг тайпингов

Пофикшена проблема с экспортом тайпингов

В ConfigProviderContext теперь поддержан appearance цветовой схемы.

Что такое appearance?
Дело в том, что в теории цветовых схем может быть больше двух. Но всё равно, часть из них будет для тёмной темы, часть — для светлой. Свойство appearance как раз сообщает о том, тёмная или светлая данная цветовая схема. Значение appearance приходит через vk-bridge событие VKWebAppUpdateConfig наравне с полем scheme.

Рефакторинг тайпингов

Начиная с этой версии, наша библиотека является SSR-friendly. Все компоненты рисуются идентично на клиенте и на сервере. Поправлены обращения к DOM и BOM без соответствующих проверок.

Ознакомиться с документацией по интеграции VKUI в ваш node.js сервер можно тут: https://vkcom.github.io/vkui-styleguide/#!/Server%20Side%20Rendering

Исправлен отступ в компоненте Header между контентом и aside.

• В Button исправлен отступ от иконок 28 размера (за #565 спасибо @ilyapishchulin).
• В документации исправлены некоторые устаревшие свойства и обновлены некоторые иконки в соответствии с новым дизайном.

Фиксы и улучшения модальных страниц

• Теперь ModalRoot поддерживает общее свойство onClose для всех модальных страниц и карточек внутри (#520).
• Исправлен стиль шрифта в шапке модальной страницы (#566).
• Исправлен баг с settlingHeight у ModalPage (за #480 спасибо @kachemirova).

Panel: добавили getRootRef

• Подняли версию @vkontakte/vk-bridge
• ScreenSpinner: убрали свойство size, так как Spinner всегда должен быть одного размера
• Gradient: сделали все свойства опциональным
• Group: уменьшили отступы сверху и снизу, если внутрь Group передан InfoRow

⚠️ Версия [email protected] содержит критическую ошибку, в 2.0.2 она была исправлена

Перешли с @vkontakte/vk-connect на @vkontakte/vk-bridge. Пакет, как и ранее, находится в peer-dependencies

• Отступы между Group теперь зависят от содержимого группы
• Заигнорили updateModalHeight у ModalPage. Это свойство было помечено как обязательное, хотя компонент его получал через HOC (#537)
• Пофиксили перерасчет высоты ModalPage
• Пофиксили отсупы между before и children в CellButton

• Поправлены тайпинги у ModalRoot и ModalPage (#531, #533, спасибо @wolframdeus)
• Поправлено центрирование элементов в <Panel centered /> (#518)
• Убраны дублирующиеся id у Search__input (#528)

• В Search теперь есть крестик для очистки содержимого, а так же добавились свойства icon и onIconClick, позволяющие добавлять произвольную иконку рядом с крестиком для какого-нибудь действия (#150)
• Поправили минимальную ширину у TabsItem (#471)

• Добавили полифилл для Array.prototype.includes (#523)
• Пофиксили цвет заголовка в PanelHeader (спасибо @xpyctumo)

• popout теперь отображается поверх modal (#515)
• В PanelHeaderSimple добавлено свойство getRef, возвращающее экземпляр FixedLayout. Бывает полезно, если нужно в js достать шапки

PanelHeaderSimple

• Пофикшен отступ между left и addon
• Добавлено свойство visor, позволяющее убирать высоту шапки, чтобы содержимое панели рисовалось под ней.