Прямо сейчас, в 14:00 по мск, Миша Синяков будет кодить в прямом эфире кейс на Дизайн-системе. Трансляция будет в дискорде. Подключайтесь!

Конструктор темы

Всем привет! Как вы знаете у нас есть крутой ThemeProvider, который позволяет настраивать темы Дизайн-системы для проекта.
Мы сделали на его основе стенд с конструктором темы.
В нём вы сможете онлайн настроить сочетание цветов и графики, и посмотреть как будущий проект может выглядеть в целом. На стенде собраны все типичные компоненты, все естественно интерактивны.
А ещё мы пофантазировали и сделали заготовки нескольких тем крупных компаний.
Чуть попозже найдем для него место на главной сайта.

Близится хакатон, и мы активно готовимся, лечим баги, дописываем инструкции)
На участие по нашему кейсу уже отозвались 22 команды!

Релиз 4.2.5 с хотфиксами имени Миши Синякова

— CheckboxGroup, DropdownMenu. Добавлен сброс дефолтных браузерных стилей;
— InputText, InputAmount, InputDate, InputPhone, InputDate, Select, Multiselect, Textarea. Исправлена анимация label, width: 280px -> min-width: 280px;
— Sticker, TagItem. Для корректного отображения добавлен box-sizing: border-box;
— Select, Multiselect. Добавлен необязательный параметр defaultOpen, по умолчанию false;

Storybook:
— Box. Добавлены примеры с использованием cornersRounding и shadow
Introduction. Добавлено описание про импорт шрифтов;
— ThemeProvider. Добавлено описание формата строки с цветом$
— PickerDate, PickerTime. Для примера реализовано закрытие при клике вне области календаря;
— Select, Multiselect, PickerDate, PickerTime. Исравлено отображение во вкладке Docs;
— Box, Typography. Добавлено описание для отступов. Добавлена страница Spacing с подробным описанием отступов

У нашего техлида Егора взяли интервью, посмотрите, очень интересно!

Привет друзья! Хакатон Цифрового прорыва закончился. Это было круто. Наш кейс — графический редактор на основе Дизайн-системы оказался реально сложным. 22 команды представили решения, 10 команд в шорт-листе, 3 призовых места.
На первом месте команда RealityGuys — представили самый работоспособный прототип, демка http://194.58.92.14:3000

Хочу горячо поздравить талантливых ребят, вы молодцы:

Кирилл Баикин @baikinkirill
Суринов Роман @TheHarald
Парамошкин Егор @Redbird127

Всё это стало реальным, благодаря поддержке наших любимых экспертов, они помогали командам и проверяли код:

Денис Плешаков @denpleshakov
Дима Макаров @dm_tr
Ваня Манжулов @john_smthn
Кирилл Савинов @kisavino
Алексей Мелекесов @Amelekesov
Аня Волкова @Volk_Anna
Юра Бизнигаев @Biznigaev
Семён Емельянов @semseriou
Валентин Телегин @balus13
Лиза Сахонь @lizasakhon
И Оксана Клименко @boevoiandroid

Членам жюри тоже пришлось поработать, все решения команд беспристрастно оценивали по восьми параметрам.
Жюри:
Ваш покорный слуга, как оунер и автор кейса;
Мудрейший Андрей Гундырев;
Креативнейший Игорь Готт.

Грандиозное событие! Столько профессионалов в одном месте, спасибо вам друзья за помощь и участие в жизни моей любимой Дизайн-системы:)

Планируем большой рефакторинг инпутов и все что с ними связано (InputEmail, InputPhone, Select, Multiselect и тд).
Упростим внутреннюю логику. Уберём лишние пропсы (например isFocused, defaultFocused планируем выпилить тк можно обойтись ref).
Принимаются ваши пожелания по инпутам)
А также нам очень нужна помощь сообщества в проведении ревью инпутов и тестировании. Если вы хотите поучаствовать в жизни Дизайн-системы и внести свой вклад — сейчас самое время)

Релиз 5.0.0. имени Дениса Дорошенко

Привет друзья, релиз — результат нашего первого рефакторинга: оптимизировали пропсы инпутов.

- InputText переименован в Input, наследует пропс от стандартного input (описание таких пропов как required, name, className удалено из docs). Параметр label теперь не обязательный. Удалены параметры isFocused (можно использовать ref.current.focus()), titleError (можно использовать event.currentTarget.setCustomValidity('Custom message!') при событии onInvalid), onInputClick (можно создать внешнюю обертку)

- Checkbox, RadioButton. Параметр children больше не используется, вместо него текст лейбла нужно передавать в параметр label

- InputEmail, InputPhone. Параметр defaultValidationText переименован в error, добавлены параметры required и requiredError. Удалены параметры validationRules, transformationRule

- Switch. Параметр text переименован в label

- Textarea. Параметр label теперь не обязательный

- Новый компонент Editable Text

Changelog

Уже есть сигнальные образцы новой партии мерча!
Через неделю должны получить) отправим всем экспертам, участвовавшим в Цифровом прорыве)