From c083a0a2894c73f94eecb9e0dfc39b05211f6ba6 Mon Sep 17 00:00:00 2001
From: Egor Kliuchantsev <egorkluch@nebius.com>
Date: Thu, 12 Dec 2024 17:16:27 +0100
Subject: [PATCH 1/2] feat(Tabs): allow string for TabItem counter value

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

diff --git a/src/components/Tabs/README.md b/src/components/Tabs/README.md
index d0d7afc319..6e2372760e 100644
--- a/src/components/Tabs/README.md
+++ b/src/components/Tabs/README.md
@@ -290,16 +290,16 @@ LANDING_BLOCK-->
 
 ### Tabs.Item properties
 
-| Name     | Description                    |            Type            | Default |
-| :------- | ------------------------------ | :------------------------: | :-----: |
-| id       | Tab ID                         |          `string`          |         |
-| title    | Tab title                      | `string` `React.ReactNode` |         |
-| 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`      |         |
-| label    | `<Label>` displayed at the end |     `React.ReactNode`      |         |
-| disabled | Inactive state                 |         `boolean`          |         |
+| Name     | Description                    |       Type        | Default |
+| :------- | ------------------------------ | :---------------: | :-----: |
+| id       | Tab ID                         |     `string`      |         |
+| title    | Tab title                      | `React.ReactNode` |         |
+| meta     | Tab description                |     `string`      |         |
+| hint     | HTML title attribute           |     `string`      |         |
+| icon     | Icon displayed at the start    | `React.ReactNode` |         |
+| counter  | Number displayed at the end    | `number` `string` |         |
+| label    | `<Label>` displayed at the end | `React.ReactNode` |         |
+| disabled | Inactive state                 |     `boolean`     |         |
 
 ## Properties
 
diff --git a/src/components/Tabs/TabsItem.tsx b/src/components/Tabs/TabsItem.tsx
index 909bebc5fe..7bc8358abc 100644
--- a/src/components/Tabs/TabsItem.tsx
+++ b/src/components/Tabs/TabsItem.tsx
@@ -25,14 +25,14 @@ type ExtraProps = Omit<
 export interface TabsItemProps {
     id: string;
     className?: string;
-    title: string | React.ReactNode;
+    title: React.ReactNode;
     meta?: string;
     hint?: string;
     active?: boolean;
     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 12b76c4a719483182e6b4a618caae176125858e4 Mon Sep 17 00:00:00 2001
From: Egor Kliuchantsev <egorkluch@nebius.com>
Date: Fri, 13 Dec 2024 10:45:19 +0100
Subject: [PATCH 2/2] feat(Tabs): revert TabItem title type

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

diff --git a/src/components/Tabs/README.md b/src/components/Tabs/README.md
index 6e2372760e..fcca68a52b 100644
--- a/src/components/Tabs/README.md
+++ b/src/components/Tabs/README.md
@@ -290,16 +290,16 @@ LANDING_BLOCK-->
 
 ### Tabs.Item properties
 
-| Name     | Description                    |       Type        | Default |
-| :------- | ------------------------------ | :---------------: | :-----: |
-| id       | Tab ID                         |     `string`      |         |
-| title    | Tab title                      | `React.ReactNode` |         |
-| meta     | Tab description                |     `string`      |         |
-| hint     | HTML title attribute           |     `string`      |         |
-| icon     | Icon displayed at the start    | `React.ReactNode` |         |
-| counter  | Number displayed at the end    | `number` `string` |         |
-| label    | `<Label>` displayed at the end | `React.ReactNode` |         |
-| disabled | Inactive state                 |     `boolean`     |         |
+| Name     | Description                    |            Type            | Default |
+| :------- | ------------------------------ | :------------------------: | :-----: |
+| id       | Tab ID                         |          `string`          |         |
+| title    | Tab title                      | `string` `React.ReactNode` |         |
+| meta     | Tab description                |          `string`          |         |
+| hint     | HTML title attribute           |          `string`          |         |
+| icon     | Icon displayed at the start    |     `React.ReactNode`      |         |
+| counter  | Number displayed at the end    |     `number` `string`      |         |
+| label    | `<Label>` displayed at the end |     `React.ReactNode`      |         |
+| disabled | Inactive state                 |         `boolean`          |         |
 
 ## Properties
 
diff --git a/src/components/Tabs/TabsItem.tsx b/src/components/Tabs/TabsItem.tsx
index 7bc8358abc..90b541e43a 100644
--- a/src/components/Tabs/TabsItem.tsx
+++ b/src/components/Tabs/TabsItem.tsx
@@ -25,7 +25,7 @@ type ExtraProps = Omit<
 export interface TabsItemProps {
     id: string;
     className?: string;
-    title: React.ReactNode;
+    title: string | React.ReactNode;
     meta?: string;
     hint?: string;
     active?: boolean;