Описание

Добавить возможность менять цвет и фон для бейджа на любой. В фигме это Appearance = Custom
Кастомный цвет желательно должен быть токеном, мы целимся в использование переменных colorAccent...

Пока не знаю, каким лучше это сделать пропом: Appearance с типом CssVariable, CustomColor, класснеймы? Мб у вас есть похожие примеры или свой вижен. Обсудите и передайте мне пж, хочу быть в курсе.

Как это работает:

Mode = Primary

• Фон: кастомный цвет (currentColor?)
• Иконка: colorTextContrast
• Текст: colorIconContrast

Mode = Secondary

• Фон: кастомный цвет с opacity = 16% (в фигме мы его сделали отдельным слоем)
• Иконка: кастомный цвет
• Текст: кастомный цвет

Mode = Outline

• Фон: кастомный цвет
• Иконка: кастомный цвет
• Текст: кастомный цвет

Мб отдельный элемент фона и использование currentColor может всё упростить.

Скриншоты

Макет в нативке ↗

Как с пропом определимся, занесу в веб-либу