feat(Box): add system paddings

[EldarMuhamethanov]

• close [Feature][Layout]: Расширить свойство padding значением system #9254

---

• Unit-тесты
• Документация фичи
• Release notes

Описание

Добавлена поддержка специального значения 'system' для всех padding-свойств в компонентах раскладки (Box, Flex, SimpleGrid и др.). Это значение автоматически устанавливает системные отступы VKUI, которые зависят от платформы (--vkui--size_base_padding_vertical--regular и --vkui--size_base_padding_horizontal--regular).

Данное изменение упрощает миграцию с устаревшего компонента Div на Box, так как теперь не нужно вручную указывать CSS-переменные для системных отступов.

Release notes

Улучшения

• Box, Flex, SimpleGrid добавлена поддержка значения 'system' для всех padding-свойств
  Значение 'system' автоматически устанавливает системные отступы VKUI (--vkui--size_base_padding_vertical--regular и --vkui--size_base_padding_horizontal--regular), что упрощает миграцию с устаревшего компонента Div на Box. Поддерживается использование как для всех отступов (padding="system"), так и для отдельных осей (paddingBlock="system", paddingInline="system" и их start/end вариантов).

[github-actions]

size-limit report 📦

Path	Size
JS	411.72 KB (+0.11% 🔺)
JS (gzip)	126.35 KB (+0.12% 🔺)
JS (brotli)	104.41 KB (+0.09% 🔺)
JS import Div (tree shaking)	811 B (0%)
CSS	373.65 KB (+0.11% 🔺)
CSS (gzip)	46.31 KB (+0.14% 🔺)
CSS (brotli)	36.6 KB (+0.05% 🔺)

[github-actions]

e2e tests

Playwright Report

[github-actions]

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

Commit ee9c21b

[github-actions]

👀 Docs deployed

• ✅ Website
• ✅ Playground

📦 Package ✅

yarn add @vkontakte/vkui@https://development.s3.prodcloud.vk.team/pull/9388/ee9c21b5ad4f086b6319a37353ab30331cfdf4d4/pkg/@vkontakte/vkui/_pkg.tgz

Commit ee9c21b

[codecov]

Codecov Report

❌ Patch coverage is 90.00000% with 2 lines in your changes missing coverage. Please review.
✅ Project coverage is 94.72%. Comparing base (8dfd899) to head (ee9c21b).
⚠️ Report is 1 commits behind head on master.

Files with missing lines	Patch %	Lines
...ackages/vkui/src/lib/layouts/resolveLayoutProps.ts	89.47%	2 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #9388      +/-   ##
==========================================
- Coverage   94.73%   94.72%   -0.01%     
==========================================
  Files         440      440              
  Lines       11898    11916      +18     
  Branches     4386     4394       +8     
==========================================
+ Hits        11271    11287      +16     
- Misses        627      629       +2     

Flag	Coverage Δ
unittests	94.72% <90.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.