feat(react-ui): support 8px theme

[zhzz]

Общая ветка для готовых PR c 8px-темой.

Влито:

• Menu Theme 8px/menu #2164
• Kebab, TooltipMenu Theme 8px/tooltip kebab menus #2214
• Toast Theme 8px/toast #2167
• Paging Theme 8px/paging #2310
• Modal Theme-8px/modal add variables #2204
• SidePage Theme-8px/sidepage #2218
• Tooltip Theme 8px/tooltip #2165
• Hint Theme-8px/hint #2166
• DatePicker Theme 8px/datepicker #2224
• TopBar
• Spinner
• Кликабельные области Кликабельные области иконок #2335
• fontFamilyCompensationBaseline (в кнопках и тосте) IF-44
• новые тени у выпадашек

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployments, click below or on the icon next to each commit.

storybook-flat – ./packages/react-ui

🔍 Inspect: https://vercel.com/reactui/storybook-flat/AubDyRAsdUgV1Mvr6ihCmRcKmjFo
✅ Preview: https://storybook-flat-git-theme-8px-all-reactui.vercel.app

storybook-default – ./packages/react-ui

🔍 Inspect: https://vercel.com/reactui/storybook-default/2L9fvCF1jympSUsD5EqoxaKcBkM9
✅ Preview: https://storybook-default-git-theme-8px-all-reactui.vercel.app

storybook-8px – ./packages/react-ui

🔍 Inspect: https://vercel.com/reactui/storybook-8px/5cQfyTQMbeH2ESxxM1EbuUay8oHP
✅ Preview: https://storybook-8px-git-theme-8px-all-reactui.vercel.app

[StathamJason]

Необходимо изменить в 8px toastPaddingY на 10px по макету

[zhzz]

Необходимо изменить в 8px toastPaddingY на 10px по макету

Там же и есть 10px. Но после компенсации бэйслайна получается 9px и 11px сверху и снизу. Эта компенсация кое-где применяется чтобы выровнять базовую линию текста в шрифте Segoe UI, которая кривая.

[dzekh]

• Нужно на 1px увеличить отступ сверху и снизу у менюатем. Для этого его лучше отвязать от глобальных отступов контролов.
• Стиль обводки и тени дропдаунменю селекта и других выпадашек не совпадает с дизайном. Было бы круто в рамках этого пиара или отдельно поправить в 3.0:box-shadow: 0px 4px 12px 0px #000000 16%;

Нужно сделать пару изменений в стайлгайдисте, потому что появились отступы у радиокнопок и чекбоксов:

• В стайлгайдсте в тултипе в примере «Выравнивание базовой линии с RadioGroup требует дополнительных отступов» нужно изменить пример: убрать отступ <Gapped vertical gap={0}> и поменять паддинг у дива: <div style={{ padding: '10px 0', display: 'inline-block' }}>
• В радиокнопке в стайлгайдисте <Gapped vertical gap={10}> 10 исправить на 0

[zhzz]

@dzekh поменяли тени у всех выпадашек в 8px. Заапрувь если можешь)

Demo: https://popups8px.vercel.app

Tooltip	Select	TooltipMenu	Autocomplete

и тд

---

Немного сливается, если фон не чисто белый: