Проблема
Компонент Div помечен устаревшим начиная с v7.9.0 в пользу Box (см. #8928).
У Box, в отличии от Div, не защиты отступы, пользователь может задать сам нужное ему значение, но есть загвоздка, что тот же Div использовать токены --vkui--size_base_padding_vertical--regular и --vkui--size_base_padding_horizontal--regular, которые зависят от platform.
В Box же нужно самому про эти переменные знать и самому передавать следующим образом:
<Box
paddingInline="var(--vkui--size_base_padding_horizontal--regular)"
paddingBlock="var(--vkui--size_base_padding_vertical--regular)"
>
...
</Box>
Решение
Нужно в общих компонентах раскладки для padding добавить значение system.
- При
padding="system" задаем var(--vkui--size_base_padding_vertical--regular) и var(--vkui--size_base_padding_horizontal--regular).
- При
paddingBlock, paddingBlockStart, paddingBlockEnd задаем var(--vkui--size_base_padding_vertical--regular).
- При
paddingInline, paddingInlineStart, paddingInlineEnd задаем var(--vkui--size_base_padding_vertical--regular).
Проблема
Компонент Div помечен устаревшим начиная с v7.9.0 в пользу Box (см. #8928).
У
Box, в отличии отDiv, не защиты отступы, пользователь может задать сам нужное ему значение, но есть загвоздка, что тот жеDivиспользовать токены--vkui--size_base_padding_vertical--regularи--vkui--size_base_padding_horizontal--regular, которые зависят отplatform.В
Boxже нужно самому про эти переменные знать и самому передавать следующим образом:Решение
Нужно в общих компонентах раскладки для
paddingдобавить значениеsystem.padding="system"задаемvar(--vkui--size_base_padding_vertical--regular)иvar(--vkui--size_base_padding_horizontal--regular).paddingBlock,paddingBlockStart,paddingBlockEndзадаемvar(--vkui--size_base_padding_vertical--regular).paddingInline,paddingInlineStart,paddingInlineEndзадаемvar(--vkui--size_base_padding_vertical--regular).