Релиз 3.3.0 (2-е поколение React)

Алоха! Большое обновление пакета. Обновили дизайн, добавили новые компоненты, исправили баги

atomaro/ui-kit 3.3.0

Breaking changes:

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

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

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

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

— TopMenu: Новый паттерн, один из видов навигации, предоставляет пользователю сквозную навигацию по продуктам и доступ к системным инструментам и функциям вроде уведомлений или профиля

Изменения:

— Доработали 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: Добавлен параметр innerChildren для произвольного контента внутри тултипа

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

— Popover: обновили API и вёрстку компонента под новый дизайн — добавили структурированный контент (title, subtitle, body, footer) с сохранением legacy-режима через произвольный контент (innerChildren), добавили параметр 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 помечены как устаревшие

— В сторибук добавлена отдельная страница с deprecated параметрами для удобного отслеживания

— Обновили сторибук. Вкладка Code стала чуть лучше отображать код компонентов и Code v2 работает пока экспериментально в паттернах SideMenu и TopMenu. Хотим доработать этот момент, поэтому ждём с обратной связью в наших чатиках