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: Свойство padding, включая его производные, теперь поддерживает значение 'system', которое применяет платформенные отступы из @vkontakte/vkui-tokens – это упростит миграцию с устаревшего компонента Div на Box.
• Flex: Свойство padding, включая его производные, теперь поддерживает значение 'system', которое применяет платформенные отступы из @vkontakte/vkui-tokens
• SimpleGrid: Свойство padding, включая его производные, теперь поддерживает значение 'system', которое применяет платформенные отступы из @vkontakte/vkui-tokens

[github-actions]

size-limit report 📦

Path	Size
JS	411.31 KB (+0.01% 🔺)
JS (gzip)	126.22 KB (+0.01% 🔺)
JS (brotli)	104.23 KB (-0.09% 🔽)
JS import Div (tree shaking)	811 B (0%)
CSS	374.08 KB (+0.22% 🔺)
CSS (gzip)	46.33 KB (+0.17% 🔺)
CSS (brotli)	36.7 KB (+0.31% 🔺)

[github-actions]

e2e tests

Playwright Report

[github-actions]

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

Commit ac77592

[github-actions]

👀 Docs deployed

• ✅ Website
• ✅ Playground

📦 Package ✅

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

Commit ac77592

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 94.73%. Comparing base (4fc3cf9) to head (ac77592).
⚠️ Report is 59 commits behind head on master.

Additional details and impacted files

@@           Coverage Diff           @@
##           master    #9388   +/-   ##
=======================================
  Coverage   94.73%   94.73%           
=======================================
  Files         440      440           
  Lines       11898    11900    +2     
  Branches     4386     4386           
=======================================
+ Hits        11271    11273    +2     
  Misses        627      627           

Flag	Coverage Δ
unittests	94.73% <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]

гоу в v8.0.0