Design-System RT

Design-System RT

@ds_rt
Изображение канала: Design-System RT
666 подписчиков
4 поста
Посты
🎄 Релиз 1.1.0 (2-е поколение, Vue)
Хо хо хо! Предновогоднее обновление с новым переключением тем для Vue ✨ atomaro/themes 2.1.0 — Реализовали ссылочную систему для css-переменных — Добавили описания ко всем токенам в темах — Добавили классы для каждой темы Ростелекома: • rostelecom-default-dark.css — .Theme_root_rtk_default_dark • rostelecom-default-light.css — .Theme_root_rtk_default_light • rostelecom-purple-dark.css — .Theme_root_rtk_purple_dark • rostelecom-purple-light.css — .Theme_root_rtk_purple_light — Инструкция по работе с классами в темах представлена в Сторибуке ✨ atomaro/vue-icons 1.0.1 — Заменили кириллицу в названии иконок EqualiserClear, Speed1x, Speed2x, Speed4x, Speed6x, Speed8x, Cookie — Убрано предупреждение о неправильном названии атрибута clipRule в консоли ✨ atomaro/vue-ui-kit 1.1.0 — Box: Новый компонент. Служит оберткой для других компонентов, управляя их расположением и обеспечивая консистентность и эффективность в разработке интерфейсов — Storybook: исправлен баг при котором открывающиеся списки перекрывали таблицу с props — BREAKING CHANGE! Stepper: Убран параметр colorScheme. Теперь компонент представлен в двух вариантах — primary и secondary — Multiselect: Исправлена ситуация, при которой фокус не снимался при повторном нажатии на поле ввода — Multiselect: Исправлено отображение при включённом virtualScroll
https://content.desigram.ru/static/934da279-b2b4-4377-a15c-68440bc4fdac.jpg
⚡️Релиз 7.12.1 (1-е поколение, React)
Алоха! Начинаем неделю с новостей! Исправления: — Tooltip: Дефолтное значения для параметра trigger исправлено на hover — Multiselect/Select: Исправлена проблема с визуальным отображением при clearable = ”true” — Обновление сторибука
https://content.desigram.ru/static/78ed9bcd-c323-4c81-89ca-c8e445f1aff2.jpg
🎆 Алоха! Привет-привет! Салют! 🎆
У нас радостная новость для всех, кто ждал дизайн-систему на Vue.js. Вы просили — мы сделали, протестировали и уже опубликовали Vue.js версию дизайн-системы Атомаро (Дизайн-системы Ростелекома) 2-го поколения. Функциональность элементов системы в React и Vue идентична, те же компоненты, возможности, правила и дизайн-токены. Пакет с CSS-стилями (темы) единый для двух фреймворков. Нейминг некоторых пропсов может отличаться, чтобы следовать привычной логике Vue.js. Написать новую версию дизайн-системы в короткий срок — большая и сложная задача. Нам помогла новая архитектура Атомаро 2-го поколения, вынесенные отдельно стили. И наши контрибьюторы из команды разработки «Личного кабинета юридического лица». Александр Меркулов, Даниил Галкин, Егор Мальцев, Сергей Чуян — наши герои, спасибо вам за помощь! 🙌 ❗️Подключайте дизайн-систему к проектам на Vue.js, пишите нам о своем опыте использования, мы всегда открыты и готовы помочь.
https://content.desigram.ru/static/ae6eae23-9ed7-4f30-a4c5-30a3312e883a.jpg
🪲 Релиз 1.2.0 (2-е поколение, React)
Алоха! В эту версию включили ряд изменений для еще более стабильной работы. Изменения: — TabsGroup: Убран параметр iconPosition. Настроить положение иконки можно в TabsItem — DropdownMenu: Исправлена работа и внешний вид компонента при включённом virtualScroll — DropdownMenu: Добавлено ограничение высоты выпадающего меню — Tooltip/Popover: Исправлена работа параметра pointerIsCentered — Tooltip: Теперь дефолтное значение для параметра trigger — hover — Loader: Добавлен новый вариант — dots — InputDate: Исправлена ошибка, из-за которой обрезалась последняя цифра года — InputDate: Теперь дата в поле ввода меняется на ближайшую доступную при редактировании, при условии, что установлены minDate/maxDate — Select: Добавлен параметр iconPrefix — Storybook: Добавлен раздел Icons — Исправления сторибука
https://content.desigram.ru/b58600fe-3243-47d4-8b2f-680f0f4850cc.jpg