Релиз 3.0.0 (Vue, Vue-Icons)

Для вью тоже добавили префиксы и исправили билд иконок

atomaro/vue-ui-kit 3.0.0

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

— SideMenu: Один из видов навигации, который позволяет размещать больше элементов меню по вертикали. Может иметь основной и компактный вид. Открывается, как поверх контента, так и внутри, ужимая и адаптируя его. Примеры и инструкцию можно посмотреть тут

Breaking changes:

— Всем DOM-классам компонентов библиотеки добавлен префикс atmr-. Это снижает риск конфликтов с вашими глобальными стилями и сторонними UI-библиотеками: селекторы вроде .button или .input больше не пересекаются с Atomaro

Что изменилось:

— Базовые и BEM-классы компонентов:

button → atmr-button,
input__field → atmr-input__field,
drawer__header → atmr-drawer__header,
dropdown-menu-root → atmr-dropdown-menu-root и т.д.

— Модификаторы:

button—primary → atmr-button—primary,
modal—centered → atmr-modal—centered

— Затронуты пакеты atomaro/ui-kit, atomaro/vue-ui-kit, atomaro/core (SCSS) , atomaro/tree, atomaro/tablegrid, atomaro/sidemenu

— Релиз пакета atomaro/sidemenu с реализациями на React и Vue

Что не изменилось:

— CSS-переменные по-прежнему начинаются с —atmr- - их переименовывать не нужно

— API компонентов, пропсы (className, dropdownMenuClassName, popoverClassName и др.) и ваши собственные классы, переданные через них, не получают префикс автоматически

— Data-атрибуты (data-testid и т.п.) не менялись

Что проверить в своём проекте:

— Кастомные CSS/SCSS, где вы таргетите внутренние классы Atomaro — обновите селекторы:

.input .input__suffix → .atmr-input .atmr-input__suffix

.modal__footer .button → .atmr-modal__footer .atmr-button

.toast-notification-container → .atmr-toast-notification-container

.side-menu__item → .atmr-side-menu__item

— Импорты SideMenu — замените atomaro/ui-kit на atomaro/sidemenu

— querySelector / closest / E2E-тесты — замените старые имена классов на версии с atmr-

— Снапшоты и unit-тесты, если в них зашиты классы из разметки компонентов.

— Переопределение стилей через SCSS — если импортируете стили atomaro/core и расширяете селекторы библиотеки, обновите их под новые имена

Примечание: если вы не переопределяли внутренние классы компонентов и не обращались к ним из JS/тестов, после обновления версий достаточно пересобрать проект — визуально ничего не должно измениться

atomaro/vue-icons 2.1.1

— Исправили публикацию пакета: в билд не попадала папка dist, из‑за чего не резолвились импорты atomaro/vue-icons/24 и atomaro/vue-icons/16 (в т.ч. при подключении ToastPlugin в atomaro/vue-ui-kit)