VKUI

• Пофикшена проблема со съезжающим заголовком в Android.
• Добавлено поле autoFocus для Search. Актуально для Android версии.
• В Gallery теперь можно делать слайды разной ширины.

Поддержаны инсеты в старых iOS для ActionSheet

Object.assign заменен на { ...spead }

Пофишены баги с пропадающим бордером у элементов форм.

• Новый способ импортов. Подробности тут.
• Пофишкен баг с z-index внутри Select.

Альтернативный способ импорта

Раньше импорт компонента или утилиты из библиотеки выглядел примерно так:

import { View, Panel, PanelHeader } from '@vkontakte/vkui';

Этот подход плох тем, что практически во всех случаях в результирующем бандле приложения будет код всего пакета @vkontakte/vkui.

Предлагается новый способ импортов:

import View from '@vkontakte/vkui/dist/components/View/View';
import Panel from '@vkontakte/vkui/dist/components/Panel/Panel';
import PanelHeader from '@vkontakte/vkui/dist/components/PanelHeader/PanelHeader';

Таким образом, в проект будут добавляться только те части библиотеки, которые ему действительно нужны. На практике это дает серьезное уменьшение размера JS бандла.

Текущий способ остается в силе до следующей мажорной версии 3.0.0.

• Поправлены отступы Cell в iOS версии.
• Поддержаны тонкие границы у Input, Textarea и Select (для dppx >= 3).

• Более тонкие сепараторы для 3dppx.
• Новый дизайн у Spinner и ScreenSpinner.

• Новый компонент FormStatus.
• Мелкие фиксы и улучшения.

Новый подход к поддержке тем.
Теперь репозиторий смотрит на https://github.com/VKCOM/Appearance.
Поддержаны две новые темы.
Пофикшены мелкие баги.

Cell: фикс для режима draggable.

Все цвета, используемые в библиотеке, занесены в css-custom-properties.
Чтобы использовать цвета в своем CSS коде, достаточно посмотреть на список доступных цветов и применить их, используя синтаксис css-custom-properties:

.MyBlock {
  background: var(--background_content);
  color: var(--text-primary)
}

Доступные цвета находятся в тут

В Cell появился режим draggable – перетаскивание ячеек. За подробностями сюда.

• Во View и Root добавлена информация о переходе при вызове onTransition({ to, from, isBack }).
• Поменялся способ определения окружения (webview или браузер). Теперь для этих целей используется @vkontakte/vkui-connect.

• Spinner – возможность использования внутри HeaderButton #134.
• Линтеры и .browserslist удалены из .npmignore.
• Лоадеры перемещены из devDependencies в dependencies.

• Spinner добавлен в документацию.
• Пофикшена стилизация <TabsItem theme="header"/> на iOS #131.
• В HeaderButton теперь можно добавлять href, делая из кнопки ссылку #132.
• Небольшие дизайнерские улучшения в List, Cell и Group.

• Из CSS убраны vh, теперь везде используются проценты. Это фиксит проблему лишнего скролла в браузерах.
• В TabbarItem теперь можно класть иконки любых размеров. Но все еще крайне рекомендуется по-возможности использовать 28 размер.
• Фиксы бордеров и заливок в Tabs.