[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"

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

Скриншоты