feat(Separator): add direction, size, padding and align props

[BlackySoul]

• close [Feature][Separator]: Вертикальный режим Sepatator #5636

---

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

Описание

Синхронизируемся с дизайном в плане пропов

Изменения

• селектор .withGaps > * во Flex был утяжелен, потому что мы задаем некоторым компонентам margin, а значение у Flex должно быть приоритетным
• вынесены общие отступы у компонентов Spacing и Separator

Release notes

BREAKING CHANGE

• Separator: свойство wide заменено свойством padding

  <Separator
  -  wide={false}
  +  padding
  />
  <Separator
  -  wide
  />
  <Separator
  -  wide={true}
  />

Улучшения

• Separator: добавлены новые свойства direction, size и align

  

[github-actions]

size-limit report 📦

Path	Size
JS	386.19 KB (+0.12% 🔺)
JS (gzip)	116.85 KB (+0.1% 🔺)
JS (brotli)	95.97 KB (+0.01% 🔺)
JS import Div (tree shaking)	1.46 KB (0%)
CSS	332.77 KB (+0.31% 🔺)
CSS (gzip)	41.73 KB (+0.38% 🔺)
CSS (brotli)	33.07 KB (+0.35% 🔺)

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

[github-actions]

e2e tests

⚠️ Some screenshots were failed. See Playwright Report.

Playwright Report

[github-actions]

👀 Docs deployed

• ✅ Styleguide
• ✅ Storybook

Commit 0fbbfb8

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 95.14%. Comparing base (a82b967) to head (0fbbfb8).
Report is 3 commits behind head on master.

Additional details and impacted files

@@           Coverage Diff           @@
##           master    #7720   +/-   ##
=======================================
  Coverage   95.14%   95.14%           
=======================================
  Files         383      384    +1     
  Lines       11343    11355   +12     
  Branches     3718     3725    +7     
=======================================
+ Hits        10792    10804   +12     
  Misses        551      551           

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

[inomdzhon]

✨✨✨
✨💖✨
✨✨✨

[andrey-medvedev-vk]

Шикарно 💯 🥇