feat(tabs): move tabs to deprecated

package.json

@@ -79,6 +79,11 @@
                 "default": "./build/cjs/unstable.js"
             }
         },
+        "./deprecated": {
+            "types": "./build/esm/deprecated.d.ts",
+            "require": "./build/cjs/deprecated.js",
+            "import": "./build/esm/deprecated.js"
+        },
         "./server": {
             "node": {
                 "types": "./build/cjs/server.d.ts",

src/components/Tabs/README.md → src/components/lab/Tabs/README.md

@@ -5,7 +5,7 @@
 <!--/GITHUB_BLOCK-->
 
 ```tsx
-import {Tabs} from '@gravity-ui/uikit';
+import {deprecated_Tabs as Tabs} from '@gravity-ui/uikit/deprecated';
 ```
 
 Tabs is used to explore, organize content and switch between different views.
@@ -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`          |         |
 

src/components/Tabs/Tabs.scss → src/components/lab/Tabs/Tabs.scss

@@ -1,5 +1,5 @@
-@use '../variables';
-@use '../../../styles/mixins';
+@use '../../variables';
+@use '../../../../styles/mixins';
 
 $block: '.#{variables.$ns}tabs';
 

src/components/Tabs/Tabs.tsx → src/components/lab/Tabs/Tabs.tsx

@@ -2,8 +2,8 @@
 
 import React from 'react';
 
-import type {QAProps} from '../types';
-import {block} from '../utils/cn';
+import type {QAProps} from '../../types';
+import {block} from '../../utils/cn';
 
 import {TabsContext} from './TabsContext';
 import {TabsItem} from './TabsItem';

src/components/Tabs/TabsItem.tsx → src/components/lab/Tabs/TabsItem.tsx

@@ -2,9 +2,9 @@
 
 import React from 'react';
 
-import {Label} from '../Label';
-import type {LabelProps} from '../Label';
-import {block} from '../utils/cn';
+import {Label} from '../../Label';
+import type {LabelProps} from '../../Label';
+import {block} from '../../utils/cn';
 
 import {TabsContext} from './TabsContext';
 

src/components/Tabs/__stories__/Tabs.stories.tsx → src/components/lab/Tabs/__stories__/Tabs.stories.tsx

@@ -10,7 +10,7 @@ import {getTabsMock} from './getTabsMock';
 import type {StoryParams} from './types';
 
 const meta: Meta<typeof Tabs> = {
-    title: 'Components/Navigation/Tabs',
+    title: 'Deprecated/Tabs',
     component: Tabs,
     args: {
         direction: TabsDirection.Horizontal,

src/components/Tabs/__tests__/Tabs.test.tsx → src/components/lab/Tabs/__tests__/Tabs.test.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 
 import userEvent from '@testing-library/user-event';
 
-import {render, screen} from '../../../../test-utils/utils';
+import {render, screen} from '../../../../../test-utils/utils';
 import {Tabs, TabsDirection} from '../Tabs';
 import type {TabsItemProps, TabsSize} from '../Tabs';
 

src/components/Tabs/__tests__/TabsItem.test.tsx → src/components/lab/Tabs/__tests__/TabsItem.test.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import {Flame} from '@gravity-ui/icons';
 import userEvent from '@testing-library/user-event';
 
-import {render, screen} from '../../../../test-utils/utils';
+import {render, screen} from '../../../../../test-utils/utils';
 import {TabsItem} from '../TabsItem';
 
 const tabId = 'tab-id';

src/deprecated.ts

@@ -0,0 +1,8 @@
+/* eslint-disable camelcase */
+export {
+    Tabs as deprecated_Tabs,
+    TabsDirection as deprecated_TabsDirection,
+    type TabsSize as deprecated_TabsSize,
+    type TabsItemProps as deprecated_TabsItemProps,
+    type TabsProps as deprecated_TabsProps,
+} from './components/lab/Tabs';