Друзья, мы завели страничку на сайте с актуальным план-релизом), где держим список дат релизов компонентов в коде.
https://design.rt.ru/history/plans
https://design.rt.ru/history/plans
На сайте, в сторибуке и фигме доступны:
- PickerDate, описание, код
- Tooltip, описание, код
- InlineNotification, описание, код
- CustomInlineNotification, код
- ToastNotification, описание, код
- CustomToastNotification, код
- FloatingActionButton, описание, код
- Overlay (затемняющий слой), описание, код
- DropdownMenu, описание, код
- Select, описание, код
- Multiselect, описание, код
- PickerDate, описание, код
- Tooltip, описание, код
- InlineNotification, описание, код
- CustomInlineNotification, код
- ToastNotification, описание, код
- CustomToastNotification, код
- FloatingActionButton, описание, код
- Overlay (затемняющий слой), описание, код
- DropdownMenu, описание, код
- Select, описание, код
- Multiselect, описание, код
design.rt.ru
Дизайн-система Ростелекома
Обеспечивает продукты и сервисы компании консистентными визуальными решениями и едиными пользовательскими сценариями, улучшая клиентский опыт и образуя понятную среду для пользователей Ростелекома.
Изменения в компонентах
⁃ RadioGroup. Добавлена возможность прокинуть новое значение value после первичного заданного значения;
⁃ Sticker, изменена переменная для использования системных цветов, теперь SYSTEM_COLORS;
⁃ Select, исправлена ширина, добавлен параметр dropdownClassName для возможности стилизации выпадающего меню;
⁃ Multiselect, исправлена высота тянущегося мультиселкта, исправлен градиент;
⁃ InputText. Разделен на несколько компонентов: InputAmount, InputEmail, InputPhone;
⁃ TagGroup, изменен параметр "tags", получает массив объектов;
⁃ Box, изменены тени
⁃ RadioGroup. Добавлена возможность прокинуть новое значение value после первичного заданного значения;
⁃ Sticker, изменена переменная для использования системных цветов, теперь SYSTEM_COLORS;
⁃ Select, исправлена ширина, добавлен параметр dropdownClassName для возможности стилизации выпадающего меню;
⁃ Multiselect, исправлена высота тянущегося мультиселкта, исправлен градиент;
⁃ InputText. Разделен на несколько компонентов: InputAmount, InputEmail, InputPhone;
⁃ TagGroup, изменен параметр "tags", получает массив объектов;
⁃ Box, изменены тени
Патч-релиз 3.3.3
- Switch. Исправлена работа некотролируемого компонента
- Checkbox. Исправлена работа некотролируемого компонента
- CustomToastNotification, исправлена русская бука C в названии
Changelog
- Switch. Исправлена работа некотролируемого компонента
- Checkbox. Исправлена работа некотролируемого компонента
- CustomToastNotification, исправлена русская бука C в названии
Changelog
This media is not supported in your browser
VIEW IN TELEGRAM
Темизатор, скоро
Можно будет менять основные цвета (primary1, primary2, secondary1, secondary2), градации серого.
Можно будет указать скругления для всего проекта сразу (для каждого компонента отдельно можно указать еще собственное скругление)
Можно будет менять основные цвета (primary1, primary2, secondary1, secondary2), градации серого.
Можно будет указать скругления для всего проекта сразу (для каждого компонента отдельно можно указать еще собственное скругление)
Как посмотреть тёмную тему в сторибуке
Сторибук умеет показывать все темы заложенные в Дизайн-систему — нужно нажать на иконку картины и в списке выбрать тему
Сторибук умеет показывать все темы заложенные в Дизайн-систему — нужно нажать на иконку картины и в списке выбрать тему
This media is not supported in your browser
VIEW IN TELEGRAM
На видео нагляднее
Релиз 4.0.0
ThemeProvider. Добавлена возможность создавать новые темы Дизайн-системы в проекте. Теперь можно изменить базовые цвета(baseColors) и цвета градаций серого(greyScale), задать скругление(shape) компонентов для всего приложения. По умолчанию теперь тема «rounded» как самая часто используемая;
InputText. Добавлены параметры onInvalid и titleError
ThemeProvider. Добавлена возможность создавать новые темы Дизайн-системы в проекте. Теперь можно изменить базовые цвета(baseColors) и цвета градаций серого(greyScale), задать скругление(shape) компонентов для всего приложения. По умолчанию теперь тема «rounded» как самая часто используемая;
InputText. Добавлены параметры onInvalid и titleError
Какое оптимальное время выпуска хотфиксов?
Anonymous Poll
6%
максимум 4 часа
12%
максимум 1 рабочий день
53%
от 1 до 2 рабочих дней
29%
2-4 дня
Релиз 4.0.1 с хотфиксами:
- Chip. Параметр amount теперь необязательный
- Tooltip. Исправлен баг использования тултипа на disabled кнопке
- Typography. Добавлены параметры spacing, spacingTop, spacingBottom
- Chip. Параметр amount теперь необязательный
- Tooltip. Исправлен баг использования тултипа на disabled кнопке
- Typography. Добавлены параметры spacing, spacingTop, spacingBottom
Релиз 4.0.2 с хотфиксами:
- InputPhone, InputAmount, InputEmail. Исравлен баг с попаданием невалидного значения в onChange, добавлен box-sizing: border-box, добавлены параметры validationRules, transformationRule, type;
- FunctionButton. Исправлено отображение кнопки при использовании иконки размером 16px;
- DropdownMenu. Добавлено отображение значения по умолчанию в сторбук для демонстрации цвета.
- InputPhone, InputAmount, InputEmail. Исравлен баг с попаданием невалидного значения в onChange, добавлен box-sizing: border-box, добавлены параметры validationRules, transformationRule, type;
- FunctionButton. Исправлено отображение кнопки при использовании иконки размером 16px;
- DropdownMenu. Добавлено отображение значения по умолчанию в сторбук для демонстрации цвета.
Релиз 4.1.0
- Новый компонент Breadcrumbs;
Фиксы:
- Select. Исправлен баг с onChange при изменении значения;
- DropdownMenu, Select, Multiselect. Исправлен фон и скругление;
- DropdownMenu. Добавлен параметр children - задает элемент, от которого будет позиционирован дропдаун;
- Textarea. Добавлен параметр autoSize
Changelog
- Новый компонент Breadcrumbs;
Фиксы:
- Select. Исправлен баг с onChange при изменении значения;
- DropdownMenu, Select, Multiselect. Исправлен фон и скругление;
- DropdownMenu. Добавлен параметр children - задает элемент, от которого будет позиционирован дропдаун;
- Textarea. Добавлен параметр autoSize
Changelog
Свободный доступ к npm-пакету!
Друзья, мы открываем доступ к Дизайн-системе без авторизации в нексус — теперь система доступна всем, для любого проекта.
Новый пакет https://nexus.digital.rt.ru/#browse/browse:npm-shared:%40design-system-rt%2Frtk-ui-kit
Инструкция https://design.rt.ru/storybook/?path=/story/documentation-introduction--page
Друзья, мы открываем доступ к Дизайн-системе без авторизации в нексус — теперь система доступна всем, для любого проекта.
Новый пакет https://nexus.digital.rt.ru/#browse/browse:npm-shared:%40design-system-rt%2Frtk-ui-kit
Инструкция https://design.rt.ru/storybook/?path=/story/documentation-introduction--page
Релиз 4.1.1 с хотфиксами:
- Multiselect. Исправлен баг с onChange при изменении значения;
- Overlay, FloatingActionButton. Добавлен параметр useInPortal
- Multiselect. Исправлен баг с onChange при изменении значения;
- Overlay, FloatingActionButton. Добавлен параметр useInPortal
Начинаем разработку Дизайн-системы на Vue.JS
Мы знаем, что около 35% всех проектов в РИТе написаны на вью, и этот факт мы не можем игнорировать)
Планируем к концу августа реализовать текущие компоненты системы на вью.
И нам не помешает помощь сообщества, если у вас есть пожелания или рекомендации, пишите пожалуйста)
Мы знаем, что около 35% всех проектов в РИТе написаны на вью, и этот факт мы не можем игнорировать)
Планируем к концу августа реализовать текущие компоненты системы на вью.
И нам не помешает помощь сообщества, если у вас есть пожелания или рекомендации, пишите пожалуйста)
Релиз 4.1.2 с хотфиксами
- PickerDate. Небольшие исправления верстки, зафиксирована ширина элементов;
- Textarea. Добавлен необязательный параметр isFocused, удален параметр resizable, так как нет возможности его нормально стилизовать, можно использовать autoSize;
- Multiselect. Добавлен box-sizing: border-box;
- DropdownMenu, Select, Multiselect, Textarea стилизован скролл;
- Исправлены ошибки подключения дизайн-системы в проект с Nextjs
- PickerDate. Небольшие исправления верстки, зафиксирована ширина элементов;
- Textarea. Добавлен необязательный параметр isFocused, удален параметр resizable, так как нет возможности его нормально стилизовать, можно использовать autoSize;
- Multiselect. Добавлен box-sizing: border-box;
- DropdownMenu, Select, Multiselect, Textarea стилизован скролл;
- Исправлены ошибки подключения дизайн-системы в проект с Nextjs
😱 Кейс на хакатон от Дизайн-системы
Привет друзья! Мы идём на хакатон «Цифрового прорыва» в категории «Креативные индустрии» со своим кейсом!
Наш кейс — графический редактор, основанный на компонентах Дизайн-системы)
Мы долгое время получаем просьбы от сотрудников Ростелекома, дать возможность пользоваться компонентами из ДС, но без фигмы. Фигма отличный инструмент, но порог вхождения в неё высокий.
Поэтому нам нужно простое и доступное решение, которое поможет донести Дизайн-систему до вообще всех пользователей, а не только дизайнеров и разработчиков. Так родилась идея облачного графического редактора.
Цифровой прорыв — это федеральный образовательный акселератор с хакатонами в нескольких категориях и общим призовым фондом в 55 000 000 ₽
Хакатон креативных индустрий пройдёт 20-22 августа и вы ещё можете подать заявку на участие и поработать над нашим кейсом)
А если вы хотите поучаствовать вместе с нами в качестве отраслевых или технических экспертов по нашему кейсу, пишите мне в личку)
Всем добра!
Привет друзья! Мы идём на хакатон «Цифрового прорыва» в категории «Креативные индустрии» со своим кейсом!
Наш кейс — графический редактор, основанный на компонентах Дизайн-системы)
Мы долгое время получаем просьбы от сотрудников Ростелекома, дать возможность пользоваться компонентами из ДС, но без фигмы. Фигма отличный инструмент, но порог вхождения в неё высокий.
Поэтому нам нужно простое и доступное решение, которое поможет донести Дизайн-систему до вообще всех пользователей, а не только дизайнеров и разработчиков. Так родилась идея облачного графического редактора.
Цифровой прорыв — это федеральный образовательный акселератор с хакатонами в нескольких категориях и общим призовым фондом в 55 000 000 ₽
Хакатон креативных индустрий пройдёт 20-22 августа и вы ещё можете подать заявку на участие и поработать над нашим кейсом)
А если вы хотите поучаствовать вместе с нами в качестве отраслевых или технических экспертов по нашему кейсу, пишите мне в личку)
Всем добра!
Релиз 4.2.0
Добавлены компоненты:
- PickerTime
- InputDate
Фиксы:
- PickerDate. Добавлен параметр showTime, работает когда isRange = false
- Изменено скругление скролла в компонентах Textarea, DropdownMenu, Select, Multiselect
Changelog
Добавлены компоненты:
- PickerTime
- InputDate
Фиксы:
- PickerDate. Добавлен параметр showTime, работает когда isRange = false
- Изменено скругление скролла в компонентах Textarea, DropdownMenu, Select, Multiselect
Changelog