Хэллоу! Делаем кнопки в мобильную Дизайн-систему и есть несколько вариантов оформления секондари-кнопки, как на ваш взгляд, какой стиль лучше?
Друзья, мы завели страничку на сайте с актуальным план-релизом), где держим список дат релизов компонентов в коде.
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