Как посмотреть тёмную тему в сторибуке
Сторибук умеет показывать все темы заложенные в Дизайн-систему — нужно нажать на иконку картины и в списке выбрать тему
Сторибук умеет показывать все темы заложенные в Дизайн-систему — нужно нажать на иконку картины и в списке выбрать тему
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
Релиз 4.2.1 с хотфиксами
- InputDate. Теперь корректно работает изменение даты с клавиатуры
- InputEmail, InputPhone добавлен необязательный параметр defaultValidationText, в котором можно изменить текст для стандартной ошибки валидации
- InputDate. Теперь корректно работает изменение даты с клавиатуры
- InputEmail, InputPhone добавлен необязательный параметр defaultValidationText, в котором можно изменить текст для стандартной ошибки валидации
Релиз 4.2.2 с хотфиксами
- PickerDate, InputDate. Добавлен необязательный параметр renderDate, с помощью которого можно кастомизировать вывод даты в календаре
- PickerDate, InputDate. Добавлен необязательный параметр renderDate, с помощью которого можно кастомизировать вывод даты в календаре
Любовь, Люди и Дизайн-система
Друзья, сегодня в 18:00 по мск мы с Олесей и Доминикой на лектории будем рассказывать дизайнерам про Дизайн-систему и как она влияет на жизнь фронтендеров. Поговорим про боли и потребности фронтендеров, про то, как важно коммуницировать и прислушиваться друг к другу. И затронем тему перфоманса всей продуктовой команды.
Лекторий будет в зуме, ссылка
Друзья, сегодня в 18:00 по мск мы с Олесей и Доминикой на лектории будем рассказывать дизайнерам про Дизайн-систему и как она влияет на жизнь фронтендеров. Поговорим про боли и потребности фронтендеров, про то, как важно коммуницировать и прислушиваться друг к другу. И затронем тему перфоманса всей продуктовой команды.
Лекторий будет в зуме, ссылка
Пока только футболочки, с нашей фирменной иконкой атома. Футболки хлопковые, очень качественные