[Epic][v5][CSS Modules] Заменить динамические вычисления свойств на мапы

### Описание

> 📝 Все подробности читайте здесь [babel-plugin-transform-css-modules/README_ABOUT_UNSAFE.md](https://github.com/VKCOM/VKUI/blob/v5/packages/babel-plugin-transform-css-modules/README_ABOUT_UNSAFE.md)

## Вычисляемые названия свойства

Вот пример, как должно быть:

```diff
- styles[`Component--mode-${mode}`];
+ const modeClassNames = {
+   vertical: styles["Component--mode-vertical"],
+   horizontal: styles["Component--mode-horizontal"],
+ };
+ modeClassNames[mode];
```

## Утилитарные функции

Вызовы следующих функций:

- [x] [`getSizeXClassName()`](https://github.com/VKCOM/VKUI/blob/v5.2.0/packages/vkui/src/helpers/getSizeXClassName.ts) #4240
- [x] [`getSizeYClassName()`](https://github.com/VKCOM/VKUI/blob/v5.2.0/packages/vkui/src/helpers/getSizeYClassName.ts) #4257
- [x] [`getPlatformClassName()`](https://github.com/VKCOM/VKUI/blob/v5.2.0/packages/vkui/src/helpers/getPlatformClassName.ts) #4272
- [x] [`getViewWidthClassName()`](https://github.com/VKCOM/VKUI/blob/v5.2.0/packages/vkui/src/helpers/getViewWidthClassName.ts) #4273
- [x] [`getHoverClassName()`](https://github.com/VKCOM/VKUI/blob/v5.2.0/packages/vkui/src/helpers/getHoverClassName.ts) #4271
- [x] [`getPointerClassName()`](https://github.com/VKCOM/VKUI/blob/v5.2.0/packages/vkui/src/helpers/getPointerClassName.ts) #4271
- [x] [`getViewHeightClassName()`](https://github.com/VKCOM/VKUI/blob/v5.2.0/packages/vkui/src/helpers/getViewHeightClassName.ts) #4271

заменить вот таким образом:

```diff
- getSizeYClassName(styles["Component"], sizeY)
+ const sizeYClassNames = {
+   none: styles["Component--sizeY-none"],
+   compact: styles["Component--sizeY-compact"],
+   regular: styles["Component--sizeY-regular"],
+ };
+ sizeYClassNames[sizeY];
```

в случае, если какого-то из вариаций нет, использовать `null`:

```diff
- getSizeYClassName(styles["Component"], sizeY)
+ const sizeYClassNames = {
+   none: styles["Component--sizeY-none"],
+   compact: styles["Component--sizeY-compact"],
+   regular: null,
+ };
+ sizeYClassNames[sizeY];
```

---

## Чеклист

- [x] [ActionSheetItem](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/ActionSheetItem/ActionSheetItem.tsx)
- [x] [Alert](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/Alert/Alert.tsx)
- [x] [Avatar](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/Avatar/Avatar.tsx)
- [x] [Badge](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/Badge/Badge.tsx)
- [x] [Banner](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/Banner/Banner.tsx)
- [x] [BaseGallery](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/BaseGallery/BaseGallery.tsx)
- [x] [Button](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/Button/Button.tsx)
- [x] [ButtonGroup](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/ButtonGroup/ButtonGroup.tsx)
- [x] [Calendar](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/Calendar/Calendar.tsx)
- [x] [CalendarDay](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/CalendarDay/CalendarDay.tsx)
- [x] [CalendarDays](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/CalendarDays/CalendarDays.tsx)
- [x] [Card](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/Card/Card.tsx)
- [x] [CardGrid](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/CardGrid/CardGrid.tsx)
- [x] [CardScroll](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/CardScroll/CardScroll.tsx)
- [x] [CellButton](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/CellButton/CellButton.tsx)
- [x] [FixedLayout](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/FixedLayout/FixedLayout.tsx)
- [x] [FocusVisible](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/FocusVisible/FocusVisible.tsx)
- [x] [FormField](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/FormField/FormField.tsx)
- [x] [FormItem](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/FormItem/FormItem.tsx)
- [x] [FormLayoutGroup](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/FormLayoutGroup/FormLayoutGroup.tsx)
- [x] [Gradient](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/Gradient/Gradient.tsx)
- [x] [Group](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/Group/Group.tsx)
- [x] [Header](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/Header/Header.tsx)
- [x] [HorizontalCell](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/HorizontalCell/HorizontalCell.tsx)
- [x] [HorizontalScroll](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/HorizontalScroll/HorizontalScroll.tsx)
- [x] [ImageBase](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/ImageBase/ImageBase.tsx)
- [x] [ImageBase/ImageBaseBadge](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/ImageBase/ImageBaseBadge/ImageBaseBadge.tsx)
- [x] [Input](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/Input/Input.tsx)
- [x] [MiniInfoCell](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/MiniInfoCell/MiniInfoCell.tsx)
- [x] [ModalPage](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/ModalPage/ModalPage.tsx)
- [x] [NativeSelect](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/NativeSelect/NativeSelect.tsx)
- [x] [PopoutWrapper](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/PopoutWrapper/PopoutWrapper.tsx)
- [x] [RadioGroup](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/RadioGroup/RadioGroup.tsx)
- [x] [Removable](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/Removable/Removable.tsx)
- [x] [RichTooltip](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/RichTooltip/RichTooltip.tsx)
- [x] [ScreenSpinner](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/ScreenSpinner/ScreenSpinner.tsx)
- [x] [SegmentedControl](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/SegmentedControl/SegmentedControl.tsx)
- [x] [Select](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/Select/Select.tsx)
- [x] [SelectMimicry](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/SelectMimicry/SelectMimicry.tsx)
- [x] [Snackbar](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/Snackbar/Snackbar.tsx)
- [x] [SubnavigationBar](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/SubnavigationBar/SubnavigationBar.tsx)
- [x] [SubnavigationButton](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/SubnavigationButton/SubnavigationButton.tsx)
- [x] [Tabs](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/Tabs/Tabs.tsx)
- [x] [TabsItem](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/TabsItem/TabsItem.tsx)
- [x] [Tappable](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/Tappable/Tappable.tsx)
- [x] [TextTooltip](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/TextTooltip/TextTooltip.tsx)
- [x] [Tooltip](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/Tooltip/Tooltip.tsx)
- [x] [Typography/Caption](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/Typography/Caption/Caption.tsx)
- [x] [Typography/Footnote](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/Typography/Footnote/Footnote.tsx)
- [x] [Typography/Headline](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/Typography/Headline/Headline.tsx)
- [x] [Typography/Paragraph](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/Typography/Paragraph/Paragraph.tsx)
- [x] [Typography/Subhead](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/Typography/Subhead/Subhead.tsx)
- [x] [Typography/Text](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/Typography/Text/Text.tsx)
- [x] [Typography/Title](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/Typography/Title/Title.tsx)
- [x] [UsersStack](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/UsersStack/UsersStack.tsx)
- [x] [WriteBarIcon](https://github.com/VKCOM/VKUI/tree/master/packages/vkui/src/components/WriteBarIcon/WriteBarIcon.tsx)


Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[Epic][v5][CSS Modules] Заменить динамические вычисления свойств на мапы #3415

Описание

Вычисляемые названия свойства

Утилитарные функции

Чеклист

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

[Epic][v5][CSS Modules] Заменить динамические вычисления свойств на мапы #3415

Description

Описание

Вычисляемые названия свойства

Утилитарные функции

Чеклист

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions