From 7577089841fc829a735c1146c54df0ef8c74b645 Mon Sep 17 00:00:00 2001
From: vvtimofeev <108340247+vvtimofeev@users.noreply.github.com>
Date: Wed, 18 Dec 2024 15:35:49 +0300
Subject: [PATCH 1/3] feat: add ru readme

---
 README-ru.md | 107 +++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 107 insertions(+)
 create mode 100644 README-ru.md

diff --git a/README-ru.md b/README-ru.md
new file mode 100644
index 000000000..1c7aec98d
--- /dev/null
+++ b/README-ru.md
@@ -0,0 +1,107 @@
+# UIKit &middot; [![npm package](https://img.shields.io/npm/v/@gravity-ui/uikit)](https://www.npmjs.com/package/@gravity-ui/uikit) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/uikit/.github/workflows/ci.yml?branch=main&label=CI&logo=github)](https://github.com/gravity-ui/uikit/actions/workflows/ci.yml?query=branch:main) [![storybook](https://img.shields.io/badge/Storybook-deployed-ff4685)](https://preview.gravity-ui.com/uikit/)
+
+Набор гибких, универсальных и высокоэффективных React-компонентов для создания сложных веб-приложений.
+
+<!--GITHUB_BLOCK-->
+
+![Cover image](https://raw.githubusercontent.com/gravity-ui/uikit/main/docs/assets/uikit_cover.png)
+
+## Ресурсы
+
+### ![Globe Logo Light](https://raw.githubusercontent.com/gravity-ui/uikit/main/docs/assets/globe_light.svg#gh-light-mode-only) ![Globe Logo Dark](https://raw.githubusercontent.com/gravity-ui/uikit/main/docs/assets/globe_dark.svg#gh-dark-mode-only) [Веб-сайт](https://gravity-ui.com)
+
+### ![Documentation Logo Light](https://raw.githubusercontent.com/gravity-ui/uikit/main/docs/assets/book-open_light.svg#gh-light-mode-only) ![Documentation Logo Dark](https://raw.githubusercontent.com/gravity-ui/uikit/main/docs/assets/book-open_dark.svg#gh-dark-mode-only) [Документация](https://gravity-ui.com/components/uikit/alert)
+
+### ![Figma Logo Light](https://raw.githubusercontent.com/gravity-ui/uikit/main/docs/assets/figma_light.svg#gh-light-mode-only) ![Figma Logo Dark](https://raw.githubusercontent.com/gravity-ui/uikit/main/docs/assets/figma_dark.svg#gh-dark-mode-only) [Figma](<https://www.figma.com/community/file/1271150067798118027/Gravity-UI-Design-System-(Beta)>)
+
+### ![Themer Logo Light](https://raw.githubusercontent.com/gravity-ui/uikit/main/docs/assets/bucket-paint_light.svg#gh-light-mode-only) ![Themer Logo Dark](https://raw.githubusercontent.com/gravity-ui/uikit/main/docs/assets/bucket-paint_dark.svg#gh-dark-mode-only) [Themer](https://gravity-ui.com/themer)
+
+### ![Storybook Logo Light](https://raw.githubusercontent.com/gravity-ui/uikit/main/docs/assets/storybook_light.svg#gh-light-mode-only) ![Storybook Logo Dark](https://raw.githubusercontent.com/gravity-ui/uikit/main/docs/assets/storybook_dark.svg#gh-dark-mode-only) [Storybook](https://preview.gravity-ui.com/uikit/)
+
+### ![Community Logo Light](https://raw.githubusercontent.com/gravity-ui/uikit/main/docs/assets/telegram_light.svg#gh-light-mode-only) ![Community Logo Dark](https://raw.githubusercontent.com/gravity-ui/uikit/main/docs/assets/telegram_dark.svg#gh-dark-mode-only) [Сообщество](https://t.me/gravity_ui)
+
+<!--/GITHUB_BLOCK-->
+
+## Установка
+
+```shell
+npm install --save-dev @gravity-ui/uikit
+```
+
+## Использование
+
+```jsx
+import React from 'react';
+import {Button} from '@gravity-ui/uikit';
+
+const SubmitButton = <Button view="action" size="l" />;
+```
+
+### Стили
+
+UIKit включает в себя базовое стилизованное оформление и тему. Для обеспечения привлекательности визуального оформления интерфейса добавьте следующий фрагмент кода в начало входного файла:
+
+```js
+// index.js
+
+import '@gravity-ui/uikit/styles/fonts.css';
+import '@gravity-ui/uikit/styles/styles.css';
+
+// ...
+```
+
+UIKit поддерживает несколько тем: светлая, темная и их контрастные версии. Приложение должно быть отрисовано внутри компонента `ThemeProvider`:
+
+```js
+import {createRoot} from 'react-dom/client';
+import {ThemeProvider} from '@gravity-ui/uikit';
+
+const root = createRoot(document.getElementById('root'));
+root.render(
+  <ThemeProvider theme="light">
+    <App />
+  </ThemeProvider>,
+);
+```
+
+Для предотвращения мигания темы можно сгенерировать исходные CSS-классы для корневого элемента во время серверного рендеринга.
+
+```js
+import {getRootClassName} from '@gravity-ui/uikit/server';
+
+const theme = 'dark';
+const rootClassName = getRootClassName({theme});
+
+const html = `
+<html>
+  <body>
+    <div id="root" class="${rootClassName}"></div>
+  </body>
+</html>
+`;
+```
+
+Также предусмотрен файл с SCSS-[миксинами](styles/mixins.scss), которые можно использовать в приложении.
+
+### I18N
+
+Некоторые компоненты содержат текстовые токены (слова и фразы), доступные на двух языках: `en` (по умолчанию) и `ru`.
+Для настройки языка используйте функцию `configure`:
+
+```js
+// index.js
+
+import {configure} from '@gravity-ui/uikit';
+
+configure({
+  lang: 'ru',
+});
+```
+
+## Разработка
+
+Для запуска Storybook в режиме разработки выполните следующую команду:
+
+```shell
+npm start
+```

From 561199c75842f15c3faab91a2133515ed0c07a9a Mon Sep 17 00:00:00 2001
From: timofeyevvv <timofeyevvv@yandex-team.ru>
Date: Wed, 18 Dec 2024 15:40:45 +0300
Subject: [PATCH 2/3] fix: fixed lint

---
 README-ru.md | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/README-ru.md b/README-ru.md
index 1c7aec98d..3424e9e0b 100644
--- a/README-ru.md
+++ b/README-ru.md
@@ -26,8 +26,8 @@
 
 ```shell
 npm install --save-dev @gravity-ui/uikit
-```
-
+```
+
 ## Использование
 
 ```jsx
@@ -35,8 +35,8 @@ import React from 'react';
 import {Button} from '@gravity-ui/uikit';
 
 const SubmitButton = <Button view="action" size="l" />;
-```
-
+```
+
 ### Стили
 
 UIKit включает в себя базовое стилизованное оформление и тему. Для обеспечения привлекательности визуального оформления интерфейса добавьте следующий фрагмент кода в начало входного файла:
@@ -48,8 +48,8 @@ import '@gravity-ui/uikit/styles/fonts.css';
 import '@gravity-ui/uikit/styles/styles.css';
 
 // ...
-```
-
+```
+
 UIKit поддерживает несколько тем: светлая, темная и их контрастные версии. Приложение должно быть отрисовано внутри компонента `ThemeProvider`:
 
 ```js
@@ -62,8 +62,8 @@ root.render(
     <App />
   </ThemeProvider>,
 );
-```
-
+```
+
 Для предотвращения мигания темы можно сгенерировать исходные CSS-классы для корневого элемента во время серверного рендеринга.
 
 ```js
@@ -79,8 +79,8 @@ const html = `
   </body>
 </html>
 `;
-```
-
+```
+
 Также предусмотрен файл с SCSS-[миксинами](styles/mixins.scss), которые можно использовать в приложении.
 
 ### I18N
@@ -96,8 +96,8 @@ import {configure} from '@gravity-ui/uikit';
 configure({
   lang: 'ru',
 });
-```
-
+```
+
 ## Разработка
 
 Для запуска Storybook в режиме разработки выполните следующую команду:

From c26e472b859e6e682f93dad7ffce74091baf8486 Mon Sep 17 00:00:00 2001
From: vvtimofeev <108340247+vvtimofeev@users.noreply.github.com>
Date: Wed, 18 Dec 2024 23:04:29 +0300
Subject: [PATCH 3/3] Update README-ru.md

Co-authored-by: Andrey Morozov <amje@yandex-team.ru>
---
 README-ru.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README-ru.md b/README-ru.md
index 3424e9e0b..692f14243 100644
--- a/README-ru.md
+++ b/README-ru.md
@@ -39,7 +39,7 @@ const SubmitButton = <Button view="action" size="l" />;
 
 ### Стили
 
-UIKit включает в себя базовое стилизованное оформление и тему. Для обеспечения привлекательности визуального оформления интерфейса добавьте следующий фрагмент кода в начало входного файла:
+UIKit включает в себя базовое стилизованное оформление и тему. Чтобы подключить их, добавьте следующий фрагмент кода в начало точки входа приложения:
 
 ```js
 // index.js