From b6280863bb474f9d52fdc1f3f26dd5e0507254df Mon Sep 17 00:00:00 2001
From: Egor <EgorKluch@gmail.com>
Date: Fri, 13 Dec 2024 11:14:29 +0100
Subject: [PATCH 1/6] feat(Tabs): allow string for TabItem counter value
 (#1989)

---
 src/components/Tabs/README.md    | 2 +-
 src/components/Tabs/TabsItem.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Tabs/README.md b/src/components/Tabs/README.md
index d0d7afc319..fcca68a52b 100644
--- a/src/components/Tabs/README.md
+++ b/src/components/Tabs/README.md
@@ -297,7 +297,7 @@ LANDING_BLOCK-->
 | meta     | Tab description                |          `string`          |         |
 | hint     | HTML title attribute           |          `string`          |         |
 | icon     | Icon displayed at the start    |     `React.ReactNode`      |         |
-| counter  | Number displayed at the end    |     `React.ReactNode`      |         |
+| counter  | Number displayed at the end    |     `number` `string`      |         |
 | label    | `<Label>` displayed at the end |     `React.ReactNode`      |         |
 | disabled | Inactive state                 |         `boolean`          |         |
 
diff --git a/src/components/Tabs/TabsItem.tsx b/src/components/Tabs/TabsItem.tsx
index 909bebc5fe..90b541e43a 100644
--- a/src/components/Tabs/TabsItem.tsx
+++ b/src/components/Tabs/TabsItem.tsx
@@ -32,7 +32,7 @@ export interface TabsItemProps {
     disabled?: boolean;
     hasOverflow?: boolean;
     icon?: React.ReactNode;
-    counter?: number;
+    counter?: number | string;
     label?: {
         content: React.ReactNode;
         theme?: LabelProps['theme'];
@@ -100,7 +100,7 @@ export function TabsItem({
             <div className={b('item-content')}>
                 {icon && <div className={b('item-icon')}>{icon}</div>}
                 <div className={b('item-title')}>{title || id}</div>
-                {typeof counter === 'number' && <div className={b('item-counter')}>{counter}</div>}
+                {counter !== undefined && <div className={b('item-counter')}>{counter}</div>}
                 {label && (
                     <Label className={b('item-label')} theme={label.theme}>
                         {label.content}

From 03b5dbfbe68abf98de3407643140ddb226379d51 Mon Sep 17 00:00:00 2001
From: u4aew <dialoggg1994@gmail.com>
Date: Mon, 16 Dec 2024 12:17:46 +0300
Subject: [PATCH 2/6] feat(Select): add title for option (#1994)

---
 .../Select/components/SelectList/OptionWrap.tsx           | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/Select/components/SelectList/OptionWrap.tsx b/src/components/Select/components/SelectList/OptionWrap.tsx
index 054aa99f8f..83654556af 100644
--- a/src/components/Select/components/SelectList/OptionWrap.tsx
+++ b/src/components/Select/components/SelectList/OptionWrap.tsx
@@ -20,8 +20,12 @@ type OptionWrapProps = {
 };
 
 const DefaultOption = ({option}: DefaultOptionProps) => {
-    const {content, children, disabled} = option;
-    return <span className={b('option-default-label', {disabled})}>{content || children}</span>;
+    const {content, children, disabled, title} = option;
+    return (
+        <span title={title} className={b('option-default-label', {disabled})}>
+            {content || children}
+        </span>
+    );
 };
 
 export const OptionWrap = (props: OptionWrapProps) => {

From 19ca365acde4fb5b467e9ac36a373a6ea5def728 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=9A=D1=81=D0=B5=D0=BD=D0=B8=D1=8F?=
 <31247233+kseniya57@users.noreply.github.com>
Date: Tue, 17 Dec 2024 06:58:42 +0300
Subject: [PATCH 3/6] feat(styles): manage animations by user settings (#1996)

Co-authored-by: kseniyakuzina <kseniyakuzina@yandex-team.ru>
---
 styles/styles.scss | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/styles/styles.scss b/styles/styles.scss
index 7783e114d6..606042482b 100644
--- a/styles/styles.scss
+++ b/styles/styles.scss
@@ -73,3 +73,18 @@
 :root:has(body.g-root_theme_dark-hc) {
     color-scheme: dark;
 }
+
+@media (prefers-reduced-motion: reduce) {
+    *,
+    *::before,
+    *::after {
+        /* stylelint-disable-next-line declaration-no-important */
+        scroll-behavior: auto !important;
+        /* stylelint-disable-next-line declaration-no-important */
+        transition-duration: 0.001ms !important;
+        /* stylelint-disable-next-line declaration-no-important */
+        animation-duration: 0.001ms !important;
+        /* stylelint-disable-next-line declaration-no-important */
+        animation-iteration-count: 1 !important;
+    }
+}

From d6cda6ebf38216da1eac56e3b87343603cf29c63 Mon Sep 17 00:00:00 2001
From: Daria Larionova <darialari@yandex-team.ru>
Date: Wed, 18 Dec 2024 15:22:41 +0300
Subject: [PATCH 4/6] fix(Icon): remove redundant color:inherit style (#1999)

---
 src/components/Icon/Icon.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/Icon/Icon.scss b/src/components/Icon/Icon.scss
index edc60f0841..533e12a5c0 100644
--- a/src/components/Icon/Icon.scss
+++ b/src/components/Icon/Icon.scss
@@ -3,7 +3,6 @@
 $block: '.#{variables.$ns}icon';
 
 #{$block} {
-    color: inherit;
     line-height: 0;
     vertical-align: top;
 }

From 92e53a088112d41a1fe96f091350f36d0caaa97c Mon Sep 17 00:00:00 2001
From: u4aew <dialoggg1994@gmail.com>
Date: Wed, 18 Dec 2024 19:47:43 +0300
Subject: [PATCH 5/6] feat(Progress): change prop text (#1993)

Co-authored-by: Angelina Gadzhieva <lunory@yandex-team.ru>
---
 src/components/Progress/ProgressInnerText.tsx | 2 +-
 src/components/Progress/README.md             | 2 +-
 src/components/Progress/types.ts              | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Progress/ProgressInnerText.tsx b/src/components/Progress/ProgressInnerText.tsx
index 9a34df4d96..726e8c1d5f 100644
--- a/src/components/Progress/ProgressInnerText.tsx
+++ b/src/components/Progress/ProgressInnerText.tsx
@@ -3,7 +3,7 @@ import React from 'react';
 import {progressBlock} from './constants';
 
 export interface ProgressInnerTextProps {
-    text?: string;
+    text?: React.ReactNode;
     offset?: number;
 }
 
diff --git a/src/components/Progress/README.md b/src/components/Progress/README.md
index 7eac4d0319..52e5b01ed8 100644
--- a/src/components/Progress/README.md
+++ b/src/components/Progress/README.md
@@ -241,7 +241,7 @@ LANDING_BLOCK-->
 | size            | Sets the progress bar size. The progress bar text can only be displayed in `"m"` size.                                              |                `string`                 |    `"m"`    |
 | stack           | Configuration of composite progress bar. Not required if a `value` is provided.                                                     |             `Array<Stack>`              |             |
 | stackClassName  | HTML `class` attribute of stack                                                                                                     |                `string`                 |             |
-| text            | Text inside the progress bar                                                                                                        |                `string`                 |             |
+| text            | Text inside the progress bar                                                                                                        |               `ReactNode`               |             |
 | theme           | Sets progress color                                                                                                                 |                `string`                 | `"default"` |
 | value           | Current progress value. The available range is from 0 to 100. Using the `stack` property value is optional and is used as maxValue. |                `number`                 |             |
 
diff --git a/src/components/Progress/types.ts b/src/components/Progress/types.ts
index faa4cde9d0..1c1238224c 100644
--- a/src/components/Progress/types.ts
+++ b/src/components/Progress/types.ts
@@ -28,7 +28,7 @@ interface ProgressGeneralProps extends QAProps {
 
 export interface ProgressDefaultProps {
     /** Text inside progress bar */
-    text: string;
+    text: React.ReactNode;
     /** Theme */
     theme: ProgressTheme;
     /** Size. Text of progress bar is displayed in `m` size only. */

From 26d1609547eb33751defd59a8d9842c1c2d54578 Mon Sep 17 00:00:00 2001
From: vvtimofeev <108340247+vvtimofeev@users.noreply.github.com>
Date: Thu, 19 Dec 2024 16:36:11 +0300
Subject: [PATCH 6/6] docs: add ru readme (#2000)

Co-authored-by: Andrey Morozov <amje@yandex-team.ru>
---
 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 0000000000..692f14243e
--- /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
+```