Design-System RT

Релиз 6.2.0 Переписаны импорты иконок, апрувлен МР, исправлены баги.

Изменения:

— Icons. Переписаны импорты иконок в компонентах: Select, Multiselect, TagItem, TagMore. Теперь при прямом импорте не тянутся все иконки в билд, что значительно уменьшит размер бандлов

— Checkbox. Лейбл теперь может наследовать параметр color от родителя, МР Михаила Синякова

— Input. Исправлен баг, из-за которого для размеров small и xsmall с включенным и выключенным параметром fixedLabel, цвет label остается неизменным

— Button. Добавлен параметр children. В 18 реакте ругался на недостающий параметр

Напоминалочка

Для минимизации бандлов используйте прямые импорты компонентов и иконок
это значительно уменьшит размер бандлов:

import Button from @design-system-rt/rtk-ui-kit/components/Button/Button/Button

или включите tree shaking в своем сборщике.

Лекторий

Всем привет. Хотим через пару недель провести ряд лекций для дизайнеров и фронтендеров.

Одна из тем — про работу фронтендеров и самые важные понятия, которые нужно знать современному UI-UX дизайнеру. Это позволит сократить разрыв коммуникации между дизайнерами и фронтендерами ❤️

Поэтому, если у вас есть темы или боли, которые можно осветить в лекции, или если хотите выступить — пишите нам)

Сайт дизайн-системы design.rt.ru получил третье место в конкурсе Золотой сайт в номинации лучший usability / UX

Релиз 6.1.1 Чинили баги, поднимали зависимости.

Изменения:

— Icons. В новых иконках был зашит цвет в svg, из-за чего не срабатывало изменение цветов.

— InputEmail и InputPhone. Исправлена работа forceError. При включенном параметре ошибка отображается до тех пор, пока не пройдет успешно валидация внутри компонента или пока значание error не станет пустым.

— InputDate. Исправлена некорретная работа маски внутри компонента при указании minDate. Последняя цифра года больше не пропадает.

— peerDependencies. Исправлена совместимость пакетов

Текущие задачи и ближайшие

Роадмап

Всем привет, вы можете следить за движением задач Дизайн-системы на канбан-доске в нашем проекте в Gitlab.

To be released — в этой колонке скопились уже готовые задачи, ожидающие релиза;
In Progress — в этой колонке задачи, над которыми работает команда в данный моменты;
Next — это список первостепенных задач, из этой колонки мы берём новые задачи после выполнения предыдущих.
Soon — это задачи среднего приоритета, которые мы хотим реализовать сразу после задач в колонке Next.
Backlog — список оценённых и отсеянных задач, но пока без приоритета.
Open — это колонка куда падают все новые задачи от пользователей.

Гитлаб корпоративный и в целях информационной безопасности, нужна учётная запись для доступа.
Если у вас нет учетной записи - напишите письмо на rit.support@rt.ru с просьбой ее создать. В письме необходимо указать ФИО и рабочую почту. Когда УЗ создадут необходимо авторизоваться в git.digital.rt.ru

Разделение NPM-пакета

Привет! Пост-опрос для разработчиков. Думаем над разделением NPM-пакета. Чтобы не тянуть лишнего, если в проекте используются не все компоненты (Сейчас размер пакета 450кб).
Можно разделить на несколько пакетов основные компоненты и компоненты тяжеловесные, которые нужны не всем.
Либо разделить компоненты на группы и подключать в проект только необходимое.
P.S. еще проведём рефакторинг для уменьшения общего размера — уберём лишние библиотеки, пересмотрим индекс-файлы.

Релиз 6.1.0 Доработка и исправление работы Инпутов.

Изменения:

— InputDate. Исправлена работа параметров minDate и maxDate. Сравнение при определении диапазона теперь происходит не по времени, а по дню.

— InputEmail и InputPhone. Добавлен новый булевый параметр forceError. При его включении, значение error принудительно отображается в месте ошибки.

— Input и InputEmail. Исправлен баг с перескакиванием курсора в конец текста в браузере Safari.

Релиз 6.0.0  Удаление запрещенных иконок, добавление новых иконок и исправления для компонента Select

Изменения:

— Select. Исправлена типизация аттрибута value, принимающий null для сброса значения. Исправлено закрытие Select'а при открытии другого в группе селектов. Добавлено описание аттрибута name для неконтролируемых форм в storybook, которое прокидывается в нативный тэг input

— Icons. Добавлены новые иконки. Удалены запрещенные иконки.

Обновление библиотеки иконок в Figma

Собрали новые иконки, подготовленные совместными усилиями дизайнеров студии. Благодарим всех, кто внес свой вклад в расширение библиотеки. В пак вошли 67 иконок в размере 24×24, 22 иконки в размере 16×16 и 2 новых логотипа. Полный список новых иконок

Привет! Что будет ждать Дизайн-систему ближайшие полгода?
1. Самое главное — мы работаем над тем, чтобы вывести систему в опен-сорс.
2. Нас ждёт новая айдентика с названием и новый сайт.
3. Также ребята работают над новой архитектурой, в которой будет гибче и шире кастомизация. Сейчас можно в нас вкинуть все пожелания или поучаствовать в работе.

Релиз 5.2.0  Доработка в Select и Dropdown

Изменения:

— Select, DropdownMenu, Dropdown. Добавлено свойство foldDirection для управления расположением выпадающего меню. Вы можете явно указать направление down, up или включить auto. Если параметр не указан, список выпадает вниз.

Привет! Это Денис Пушкарь, оунер Дизайн-системы, и я приношу извинение за двухмесячное молчание в эфире.
Что случилось? Команда ушла с головой в работу над таблицами и деревьями. Очень большой и крутой функционал, и он почти готов.
План простой — сейчас работаем над всеми скопившимися багами, о которых вы рапортавали. Далее релизим таблицы.

А теперь действительно важные новости из жизни Дизайн-системы.
Три подписчика разгадали шифр на свитшоте, за что получают мерч:
- Вадим Ащеулов;
- Виталик Баум;
- Максим Корелин.
Комплекты отправились ребятам в Ульяновск:)

Сделали шоурил для подачи нашего сайта на конкурсы дизайна
https://vimeo.com/655295147