Skip to content

fix: use camelCase for css modules names#9355

Merged
SevereCloud merged 1 commit intomasterfrom
SevereCloud/feat/use-camelCase-for-css-modules-names
Jan 13, 2026
Merged

fix: use camelCase for css modules names#9355
SevereCloud merged 1 commit intomasterfrom
SevereCloud/feat/use-camelCase-for-css-modules-names

Conversation

@SevereCloud
Copy link
Contributor

@SevereCloud SevereCloud commented Jan 13, 2026

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

Описание

happy-css-modules с большой вероятностью в дальнейшем не будет поддерживаться. В место него рекомендуется использовать css-modules-kit. css-modules-kit не дает использовать названия классов которые являются невалидными в js. Также если мы будем переходить на именованные импорты(* as styles), то нам необходимо иметь валидные js переменные

Изменения

Имена классов изменены в формате camelCase для

Release notes

Исправления

  • Из-за отказа от happy-css-modules, именование всех CSS классов переведёно в camelCase формат

@SevereCloud SevereCloud requested a review from a team as a code owner January 13, 2026 10:02
@github-actions
Copy link
Contributor

size-limit report 📦

Path Size
JS 411.98 KB (-0.06% 🔽)
JS (gzip) 126.34 KB (-0.02% 🔽)
JS (brotli) 104.11 KB (-0.02% 🔽)
JS import Div (tree shaking) 811 B (0%)
CSS 373.28 KB (-0.08% 🔽)
CSS (gzip) 46.25 KB (-0.02% 🔽)
CSS (brotli) 36.58 KB (-0.18% 🔽)

@github-actions
Copy link
Contributor

e2e tests

Playwright Report

@github-actions
Copy link
Contributor

📊 Найдены изменения в собранных файлах: Отчет

Commit 9c1f483

@github-actions
Copy link
Contributor

👀 Docs deployed

📦 Package ✅

yarn add @vkontakte/vkui@https://development.s3.prodcloud.vk.team/pull/9355/9c1f4837b3801f36e1633f441fd4b891282573dd/pkg/@vkontakte/vkui/_pkg.tgz

Commit 9c1f483

@codecov
Copy link

codecov bot commented Jan 13, 2026

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 94.71%. Comparing base (ade2b41) to head (9c1f483).
⚠️ Report is 2 commits behind head on master.

Additional details and impacted files
@@           Coverage Diff           @@
##           master    #9355   +/-   ##
=======================================
  Coverage   94.71%   94.71%           
=======================================
  Files         439      439           
  Lines       11866    11867    +1     
  Branches     4385     4385           
=======================================
+ Hits        11239    11240    +1     
  Misses        627      627           
Flag Coverage Δ
unittests 94.71% <100.00%> (+<0.01%) ⬆️

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.

@inomdzhon inomdzhon added this to VKUI Jan 13, 2026
@inomdzhon inomdzhon added this to the v8.0.0 milestone Jan 13, 2026
@inomdzhon inomdzhon moved this to 👀 In Review in VKUI Jan 13, 2026
Copy link
Contributor

@inomdzhon inomdzhon left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

добавил майлстоун v8.0.0

@SevereCloud SevereCloud merged commit db469ab into master Jan 13, 2026
29 checks passed
@SevereCloud SevereCloud deleted the SevereCloud/feat/use-camelCase-for-css-modules-names branch January 13, 2026 14:24
@github-project-automation github-project-automation bot moved this from 👀 In Review to ✅ Done in VKUI Jan 13, 2026
@inomdzhon inomdzhon changed the title feat: use camelCase for css modules names fix: use camelCase for css modules names Feb 4, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

Status: ✅ Done

Development

Successfully merging this pull request may close these issues.

2 participants