feat(ContentBadge): support custom color

[SevereCloud]

• Unit-тесты
• e2e-тесты
• Дизайн-ревью
• Документация фичи
• Release notes

Описание

Добавляем возможность пробросить кастомный цвет в ContentBadge

Release notes

Улучшения

• ContentBadge: в appearance можно пробросить любой цвет

[github-actions]

size-limit report 📦

Path	Size
JS	411.28 KB (+0.05% 🔺)
JS (gzip)	122.06 KB (+0.09% 🔺)
JS (brotli)	99.97 KB (+0.11% 🔺)
JS import Div (tree shaking)	1.56 KB (0%)
CSS	348.74 KB (-0.06% 🔽)
CSS (gzip)	43.19 KB (-0.06% 🔽)
CSS (brotli)	34.49 KB (+0.02% 🔺)

[github-actions]

👀 Docs deployed

• ✅ Styleguide
• ✅ Storybook
• ✅ Docs beta

📦 Package ✅

yarn add @vkontakte/vkui@https://vkui-screenshot.hb.bizmrg.com/pull/8507/816fd8ffd25d4d4443a5163c4f6fc3d835635ac4/pkg/@vkontakte/vkui/_pkg.tgz

Commit 816fd8f

[codecov]

Codecov Report

Attention: Patch coverage is 73.68421% with 5 lines in your changes missing coverage. Please review.

Project coverage is 95.80%. Comparing base (2ab8533) to head (816fd8f).
Report is 26 commits behind head on master.

Files with missing lines	Patch %	Lines
.../vkui/src/components/ContentBadge/ContentBadge.tsx	73.68%	5 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #8507      +/-   ##
==========================================
+ Coverage   95.60%   95.80%   +0.19%     
==========================================
  Files         414      414              
  Lines       11824    11906      +82     
  Branches     3917     3942      +25     
==========================================
+ Hits        11304    11406     +102     
+ Misses        520      500      -20     

Flag	Coverage Δ
unittests	95.80% <73.68%> (+0.19%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[al3xnag]

Довольно щедро. Не станет ли это проблемой?
Используя такое апи, можно задать "слишком" кастомный цвет, например var(--vkui--color_field_border_alpha) или даже var(--does-not-exist, rebeccapurple).
Может быть, просто дополним недостающие appearance, которые сейчас используются в продукте, и не будем делать полный кастом?

[vkcom-publisher]

PR закрыт из-за отсутствия активности в течение последних 14 дней. Если это произошло по ошибке или изменения все ещё актуальны, откройте PR повторно.