[Feature][Counter]: Обновить пропы Counter

[qurle]

Описание

Давайте разобьём проп каунтера mode на mode и appearance. Как обычно, mode будет отвечать за контрастность элемента, а appearance — за цвета.

mode: primary | contrast | tertiary (простите, secondary не завезли)
appearance: accent | neutral | accent-green | accent-red (во многом по аналогии с бейджом)

+ хотелось бы дать возможность задавать цвет вручную (у нас это типа appearance = custom). Вижу два пути: через традиционные стили или через проп color, который будет красить фон в режиме primary (а цвет текста вычислять) и текст в режимах contrast и tertiary.

Текущие моды:
inherit → оставляем, или заменяем на mode = undefined, appearance = undefined
primary → mode = "primary" appearance = "accent"
secondary → mode = "primary" appearance = "neutral"
prominent → mode = "primary" appearance = "accent-red"
contrast→ mode = "contrast" appearance = "accent"

Макет в фигме ↗️

Скриншоты

[qurle]

Как думаете, успеем такую штуку или уже поздновато закинул?

[inomdzhon]

Как думаете, успеем такую штуку или уже поздновато закинул?

Сделаем в рамках минора после релиза v7.0.0, старые значения mode задепрекейтим и удалим в v8

[EldarMuhamethanov]

@qurle

через проп color, который будет красить фон в режиме primary (а цвет текста вычислять)

Есть примерное представление, по какому принципу вычислять цвет текста? Может формула какая-то?

[qurle]

@EldarMuhamethanov
Что-то вроде такого мб?

На самом деле тут есть вопросики к тёмной теме и работе с токенами, поэтому можно вынести в отдельную задачу и отложить до востребованности.

[EldarMuhamethanov]

На самом деле тут есть вопросики к тёмной теме и работе с токенами, поэтому можно вынести в отдельную задачу и отложить до востребованности.

Вынести appearance=custom ?

[qurle]

Йес

[EldarMuhamethanov]

@qurle Может пока для mode=primary appearance=custom сделаем так, чтобы color менял только цвет фона?

[qurle]

@EldarMuhamethanov, да, можно. Тогда текст будет цветом text contrast.