feat(Flex, SimpleGrid): swap gap prop elements

[EldarMuhamethanov]

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

Описание

Сейчас у свойства gap в компонентах Flex и SimpleGrid последовательность отступов такая: [column, row]. Нужно поменять местами и сделать [row, column].
Нужно не забыть добавить кодмоды, чтобы поменять местами row и column

Изменения

• Поменял последовательность отступов в Flex и SimpleGrid в свойстве gap на [row, column]
• Написал кодмоды для изменения последовательности в коде
• Обновил скриншотные тесты
• Поправил тесты

Release notes

BREAKING CHANGE

• Flex: изменена последовательность отступов в свойстве gap на [row, column]

  <Flex
    direction="column"
  -  gap={[20, 10]}
  +  gap={[10, 20]}
    align="center"
  >
    <div/>
    <div/>
  </Flex>

• SimpleGrid: изменена последовательность отступов в свойстве gap на [row, column]

  <SimpleGrid
    columns={2}
  -  gap={[20, 10]}
  +  gap={[10, 20]}
    align="center"
  >
    <div/>
    <div/>
  </SimpleGrid>

[github-actions]

size-limit report 📦

Path	Size
JS	385.3 KB (0%)
JS (gzip)	116.5 KB (-0.01% 🔽)
JS (brotli)	95.68 KB (-0.01% 🔽)
JS import Div (tree shaking)	1.45 KB (0%)
CSS	330.78 KB (0%)
CSS (gzip)	41.39 KB (0%)
CSS (brotli)	32.85 KB (0%)

[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

Playwright Report

[github-actions]

👀 Docs deployed

• ✅ Styleguide
• ✅ Storybook

Commit 9381de2

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 95.21%. Comparing base (25349e4) to head (9381de2).
Report is 50 commits behind head on master.

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #7550      +/-   ##
==========================================
+ Coverage   95.14%   95.21%   +0.07%     
==========================================
  Files         384      384              
  Lines       11221    11345     +124     
  Branches     3685     3720      +35     
==========================================
+ Hits        10676    10802     +126     
+ Misses        545      543       -2     

Flag	Coverage Δ
unittests	95.21% <100.00%> (+0.07%)	⬆️

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.

[andrey-medvedev-vk]

Поправишь ещё, пожалуйста, значения в доке Flex и SimpleGrid?

Типа такого.

VKUI/packages/vkui/src/components/SimpleGrid/Readme.md

Line 75 in 7cda089

gap={complexGap ? [columnGap, rowGap] : gap}

[EldarMuhamethanov]

Member

Поправил

[andrey-medvedev-vk]

💅

[inomdzhon]

👏

[vkcom-publisher]

✅ v7.0.0-beta.0 🎉

[vkcom-publisher]

✅ v7.0.0 🎉