Комментарии 2
Так ничего по сути и не написали
Что за система CSS переменных, какие уровни у дизайн системы, как она подключается в другие проекты, какие компоненты и функциональные компоненты в нее входят и т.п.
Добрый день, спасибо большое за вопросы.
Cистемы CSS переменных, как таковой, у нас нет. MUI использует подход css-in-js, поэтому вместо переменных мы используемы js-объект с темой, где каждый ключ объекта — это переменная, которая отвечает за разные аспекты системы.
Если говорить в контексте методологии, то в дизайн системе мы используем Atomic Design, где каждый уровень компонентов представлен в виде атомов, молекул и организмов. Мы писали про это отдельную статью на VC.
Дизайн система опубликована во внутреннем реджистре (nexus) как NPM-пакет.
В систему входят все базовые компоненты для реализации интерфейса, такие как: кнопки, инпуты, блоки и так далее. Об этом нужно писать отдельную статью, расскажем об этом как-нибудь поподробнее.
Кастомная дизайн система изнутри