Релиз 5.0.5 с хотфиксами имени Виталия Баума

Изменения в версии 5.0.5
- Dropdown. Вынесен как отдельный компонент, может быть с любым содержимым.
- CheckBoxGroup. Параметр name теперь не обязательный, параметры shape и color теперь задаются для всей группы чекбоксов, изменен тип для параметра checkboxProps.
- Добавлен экспорт констант, используемых в ДС BASECOLOR, SHAPES, SYSTEMCOLORS и т.д.
- InputDate. Исправлено обновление значений при изменении параметров activeDate и secondDate.
- Checkbox, RadioButton. Параметр label изменил тип данных на ReactNode
ThemeProvider. Теперь не обязателен, по умолчанию тема будет light

Изменения Srorybook
- Constants. Добавлено описание констант из ДС и пример использования
Theme. Добавлено описание как можно работать с темой при использовании styled-components

Изменения в версии 5.0.4
- Select, Multiselect. Добавлен e.stopPropagation при закрытом дропдауне при клике на поле

Изменения в версии 5.0.3
- Icon. Параметр size <= 1 задает размер в процентах

Изменения в версии 5.0.2
- Select. Не открывает клавиатуру при фокусе на мобилке

Изменения в версии 5.0.1
- Исправлены импорты theme.
- ToastNotificationsProvider добавлены useCallback для методов addNotification, addCustomNotification, closeNotification

Релиз 5.0.6 с хотфиксами имени Петра Советова

- Для иконок MailInBox, NotificationNew, CartOn добавлен параметр secondaryColor для задания второстепенного цвета;
- CheckBoxGroup. Параметр title изменил тип на ReactNode, значение по умолчанию "Выбрать все". В параметре options ключ value изменил тип на ReactNode;
- DropdownMenu. При выборе пункта меню прекращено всплытие события, это решает проблему с лишним срабатыванием useOutsideClick;
- Select, Multiselect. Параметры label, options теперь не обязательные

Начинаем делать таблицы!

И раскрывающиеся деревья.
Планируем релиз декабрь-январь. К нам на помощь пришли ребята из проф интерфейсов, с опытом проектирования таблиц. Если есть пожелания, присылайте

Сегодня в 14:00 по мск, в рамках серии обучающих крекеров по фронтенд архитектуре Миша Синяков проведёт стрим. Расскажет про сервисный слой приложения, покажет как подружить реакт с приложением, как взаимодействовать с глобальным хранилищем. И сверстает небольшое приложение используя Дизайн-систему.

Стрим в дискорде по ссылке
https://discord.gg/QhBug8Qv

Привет! Мы продолжаем сбор обратной связи от пользователей Дизайн-системы.
Если вы юзаете наш инструмент, и вам есть что сказать — заполняйте опрос (2 мин).
Можно ругать, можно советовать, можно анонимно. Будет полезна любая информация от вас

Релиз 5.0.8 имени Синякова-Ежкова

Благодарим Михаила Синякова за доработку ThemeProvider и добавление css переменных.
Cпасибо Денису Ежкову за найденные баги в Textarea и Multiselect

- ThemeProvider. Добавлен параметр useCssVariables, который создает CSS переменные согласно заданной теме
- Textarea. Изменена ширина компонента на 100%
- Multiselect. Исправлено отображение параметра error
- Checkbox, CheckboxGroup, RadioButton. Добавлены параметры size и view

Changelog

Дизайнеры, привет! В этом году Дизайн-систему Ростелекома стали активно применять разработчики. Сейчас её используют уже больше 20 проектов. Мы были заняты разработкой, поддержкой или другими проектами, поэтому библиотека для дизайнеров не обновлялась =( За это время в фигму завезли новые автолэйауты, варианты и прочие вкусняшки, компоненты успели морально устареть. Пора обновлять.

Мы с вами давно не виделись и потеряли контакт: используете ли вы Дизайн-систему в новых проектах? Ждете варианты в библиотеке или и так норм? Как обновить библиотеку, чтобы в ваших проектах ничего не поломалось? Давайте соберемся на полчасика в пятницу, после общего созвона, и пообщаемся. Мы по вам соскучились! ❤️

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

У основных компонентов, применяемых в формах, появились компактные версии. Используйте их в плотных и насыщенных интерфейсах.

Новые размеры компонентов:

— Checkbox Small и Radio Button Small — 16×16
— Switch Small — 28×16
— Input Small и Select Small — 32 по высоте поля ввода
— Input XSmall и Select XSmall — 24 по высоте поля ввода

Предыдущий вариант Select Small перемещен в устаревшие. В новых проетах используйте обновленную версию. Старая версия не сломается, она так же доступна, но переименована в Deprecated Select и вынесена из папки контролов.

Добавили второй вид для чекбоксов и радиокнопок — акцентный, залитый акцентным цветом в состоянии selected.

Исправили баг иконки в списках мультиселекта.

Переименовали страницы в библиотеки, поэтому апдейт прилетит на большинство компонентов — не пугайтесь.

Релиз 5.0.9 имени Егора Бастракова.

Поздравляем нашего архитектора, техлида и просто хорошего человека Егора с Днем рождения!

Изменения
— Input, InputPhone, InputEmail, InputAmount, Select. Добавлен параметр size
— Switch. Добавлен параметр size, удален z-index
— Input. Добавлен параметр onClear
— Select, Multiselect. Добавлен forwardRef
— Typography. Теперь принимает все стандратные атрибуты, такие как title

Storybook
— Input. Добавлен пример реализации InputPassword

Changelog

Изменения в библиотеке Global Style

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

Подкорректировали настройки теней, теперь верхняя грань объекта с тенью четче видна на фоне такого же цвета, как и объект. Добавили тени, падающие вверх.

Занесли в стили бордеры — сверху, справа, снизу, слева

Добавили 4 новые иконки в размерах 24×24 и 16×16

Добавили новый цвет в палитру — Transparent 3. Для легких, прозрачных бэкграундов. Цвет относится к палитре Transparent, в Фигме новые стили будут в папке «Transparent+», так удобнее работать с палитрой при проектировании в двух цветовых темах.

Обновления в библиотеке Web

Добавили в типографику новый стиль Accent XS — для мелких акцентов.

Обновили компонент Input Number Stepper, чтобы цвет иконок и стиль текста был идентичен остальным видам инпутов.

Добавили дропдаун меню меньшего размера — Dropdown Menu Small.

Добавили иконку слева в инпуты и селекты. В инпутах и селектах размера Medium теперь можно отключить лейбл — пересобрали текстовые слои на автолейауте.

Добавили лоадеры двух типов (акцентный и стандартный), в трех размерах (Small 16×16, Medium 24×24, Large 32×32).

Новые лоадеры