Релиз 2.7.0 (Vue, Themes)

Алоха! Версия для Вью не забыта, также обновлён дизайн и добавлен новый компонент

atomaro/vue-ui-kit 2.7.0

Breaking changes:

— Tooltip: Удалён размер m. Используйте size=s. Передача size=m временно обрабатывается как s с предупреждением в консоли, но в типах размер m больше не поддерживается

— Popover: Исправили ошибку в семантике класса для триггера: с popover_trigger на popover__trigger

Новые компоненты:

— FileUpload/File: Два новых компонента — поле загрузки файлов и файл для загрузки. Поле позволяет пользователю выбирать файлы с устройства и передавать их в систему, а файл отображает ключевую информацию

Изменения:

— Доработали focus-visible и убрали лишний фокус при клике на некоторые компоненты

— Box: Теперь параметры для одной стороны бордера (например, bottomBorderColor) работают; flex-grow, flex-shrink, flex-basis и order применяются только при передаче соответствующих пропсов (модификаторы), а не на все .box—flex; добавлены пропсы p и m, исправлена ошибка при передаче flex-grow

— Multiselect: Длинный текст в плейсхолдере теперь отображается корректно

— Modal/Drawer: Добавили тень —atmr-shadow-bottom-xl

— Modal/Drawer: Исправили логику работы коллбеков, в том числе onEsc и onClose

— Tooltip: Добавлен параметр autoWidth (по умолчанию true) — ширина подстраивается под контент; при false остаётся фиксированная ширина из стилей

— Tooltip: Добавлен параметр content для произвольного контента внутри тултипа

— Tooltip: Больше не закрывается при наведении на сам всплывающий элемент

— Popover: обновили API и вёрстку компонента под новый дизайн — добавили структурированный контент (title, subtitle, body, footer) с сохранением legacy-режима через произвольный контент (content слот), добавили параметр showCloseButton. trigger=hover теперь считается deprecated в соответствии с дизайном и будет убран в следующем мажорном обновлении

— Input/Textarea: Добавлены стили для состояния readOnly

— Input/Textarea: Для состояния error добавлена иконка AttentionMonochrome в правой части компонента

— Input: Исправлена синхронизация значения в controlled-режиме при использовании mask

— InputDate: Исправлена валидация для isRange, диапазона при передаче только minDate или maxDate, а также отображение ошибок из validationRules

— ToastNotification: showIcon теперь включен по умолчанию, контейнер со статусным цветом растянут на всю высоту и показывается всегда. Добавлена горизонтальная раскладка при отсутствии subtitle

— FloatingActionMenuItem: Добавлены новые параметры iconPrefix и iconSuffix. Проп icon помечен как deprecated и при отсутствии iconSuffix подставляется как суффикс (справа от текста)

SegmentedControl: Уменьшили отступ между текстом и иконкой, исправили цвет фона выбранного сегмента для корректного отображения в темной теме

Loader: Типы компонента spinner и dots помечены как устаревшие

— Подняли версию atomaro/themes до 3.4.0

Подробнее описание изменений в дизайне компонентов смотрите в чейнджлоге дизайн-библиотеки

atomaro/vue-icons 2.1.0:

— Добавили новые иконки: Stop, StopFill, StopObject, StopColor, StopMonochrome, File, FileColor, FileMonochrome, DocumentErrorColor, DocumentSuccessColor, LikeFill, DislikeFill