Привет! Figma изменила Auto Layout, из-за чего кнопки дизайн-системы могли вести себя некорректно. Вчера мы обновили структуру и настройки кнопок, чтобы библиотека оставалась актуальной и ваши кнопки не ломались.

После обновления в проектах, проверьте кнопки. Кнопки, которым меняли ширину руками, могут сжаться до ширины текста кнопки. Починить просто: выбрать кнопку и сменить Resizing ширины кнопки с Hug contents на Fixed width. Так кнопки вернутся к своей прежней ширине.

Привет! У нас большое обновление библиотеки иконок. Подготовили долгожданный пак уменьшенных иконок в размере 16x16. Всего 162 штуки, аккуратно уменьшенные версии больших иконок в нашем стиле. Плюс 51 новая иконка и небольшие изменения в размере 24x24.

Обратите внимание, в коде иконки 24x24 допустимо увеличивать, передавая параметр size. В Figma вы можете использовать инструмент Scale для массштабирования иконки. Иконки 16x16 не изменяют свой размер, используйте их без масштабирования.

EPIC!
Друзья, сегодня мы запустили релиз со стабильной библиотекой. Компоненты протестированы и готовы к использованию в проектах. Теперь библиотека доступна к просмотру в Storybook. Здесь вы можете посмотреть на компонент в действии, увидеть различные состояния и список доступных параметров компонента, скопировать его код. Подробнее про использование Storybook читайте на странице релиза.

Список компонентов в библиотеке:

- Цвета и темы
- Типографика
- Иконки
- Button
- Function Button
- Icon Button
- Checkbox
- CheckboxGroup
- Chip
- InputNumberStepper
- Input
- Input Email
- Input Amount
- Input Phone Number
- RadioButton
- RadioGroup
- Stepper
- Sticker
- Switch
- TabsClassic
- TagItem
- TagGroup
- TextArea

Всем привет! Мы переосмысливаем слайдер и хотим сделать один стиль оформления вместо трёх, ибо текущий напоминает чекбокс. У нас было около двадцати вариантов, после отбора стало три. Помогите выбрать)

Друзья, мы завели страничку на сайте с актуальным план-релизом), где держим список дат релизов компонентов в коде.
https://design.rt.ru/history/plans

Релиз 3.3.0

Очередной большой релиз с пачкой новых компонентов в коде!

На сайте, в сторибуке и фигме доступны:

- PickerDate, описание, код
- Tooltip, описание, код
- InlineNotification, описание, код
- CustomInlineNotification, код
- ToastNotification, описание, код
- CustomToastNotification, код
- FloatingActionButton, описание, код
- Overlay (затемняющий слой), описание, код
- DropdownMenu, описание, код
- Select, описание, код
- Multiselect, описание, код

Изменения в компонентах

⁃ RadioGroup. Добавлена возможность прокинуть новое значение value после первичного заданного значения;
⁃ Sticker, изменена переменная для использования системных цветов, теперь SYSTEM_COLORS;
⁃ Select, исправлена ширина, добавлен параметр dropdownClassName для возможности стилизации выпадающего меню;
⁃ Multiselect, исправлена высота тянущегося мультиселкта, исправлен градиент;
⁃ InputText. Разделен на несколько компонентов: InputAmount, InputEmail, InputPhone;
⁃ TagGroup, изменен параметр "tags", получает массив объектов;
⁃ Box, изменены тени

Патч-релиз 3.3.3

- Switch. Исправлена работа некотролируемого компонента
- Checkbox. Исправлена работа некотролируемого компонента
- CustomToastNotification, исправлена русская бука C в названии
Changelog

Темизатор, скоро

Можно будет менять основные цвета (primary1, primary2, secondary1, secondary2), градации серого.
Можно будет указать скругления для всего проекта сразу (для каждого компонента отдельно можно указать еще собственное скругление)

На видео нагляднее