Спасибо

Нема за що

color gray не относится к типографике, странно его задавать в typo

Ок

Привет, я делаю альтернативный ui kit вдохновленный yandex-ui, я открыт для идей. Если тебе есть что предложить, рассказывай и возможно я это реализую в своей версии.

Как ты представляешь конечный результат? Опиши как это должно работать

Сейчас компонент  предварительно нужно собрать руками, указав необходимые модификаторы
Я предлагаю делать это автоматически при помощи бабель плагина который вызов фабрики компонента с проброшенным списком модификаторов разворачивает в то что сейчас делается руками

А как это должно работать? Вот я написал модификатор Logger, как я должен его присоеденить?

Идея была такая

let button = createButton(['logger']);

вместо этого кода бабель плагин должен развернуть обычный код по сборке кнопки с модификатором logger

интерфейс фабрики понятно что нужно смотреть в каждом случае как реализовывать но в простейшем случае - массив названий модификаторов

А что такое logger? Где мы это декларируем?

декларируем в типах ts
там описываем весь зоопарк модификаторов возможно с параметрами
сама фабрика экспортируется из модуля button

Вот смотри, я как пользователь компонента, написал для кнопки модификатор logger. Расскажи о том, что я должен сделать, что бы получить кнопку с этим модификатором

- импортировать createButton из модуля button
- создать компонент let button = createButton([...]) указав фабрике список модификаторов
- в самом модуле button естесственно нужно будет расширить описание типов для фабрики и модифицировать плагин бабеля чтобы он мог реализовывать этот модификатор

А как именно указывать? Если в виде строк, то как сборщик поймёт, где искать модификатор?

все соглашения в бабель плагине и описании типов для фабрики

Какие соглашения? Уточни, что я должен сделать ещё?

соглашение о том что строка logger будет соответствовать какому-то коду в бабель плагине

это все для маинтейнеров билиотеки
если же юзер захочет добавить свой модификатор - он должен будет действовать по стандартной схеме (потому как лезть в бабель плагин у него не получится да и не зачем ему это)

До сих пор не понимаю, что я должен сделать как пользователь? Можешь ещё раз описать мои действия?

Сейчас я просто создаю бандл компонента и использую его. Делаю это так:
- Импортирую базовый компонент
- Импортирую все модификаторы
- Импортирую хелпер для композиции
- Собираю с помощью хэлпера компонент с всеми модификаторами
- Экспортирую компонент

Теперь я могу импортировать компонент с указанными в бандле модификаторами.

Опиши подобную инструкцию для своего предложения

все то что ты описал заменяешь на

- импортировать createButton из модуля button
- создать компонент let button = createButton([...]) указав фабрике список модификаторов

и экспортируешь готовый компонент или используешь прям в том модуле в котором создаешь его
(а бабель плагин делает то что ты написал)