feat(tabs): add new tabs components

.github/workflows/ci.yml

@@ -15,7 +15,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: 20
           cache: npm
       - name: Install Packages
         run: npm ci
@@ -33,7 +33,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: 20
           cache: npm
       - name: Install Packages
         run: npm ci
@@ -49,7 +49,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: 20
           cache: npm
       - name: Install Packages
         run: npm ci

.github/workflows/main-preview.yml

@@ -14,7 +14,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: 20
           cache: npm
       - name: Install Packages
         run: npm ci

.github/workflows/pr-preview-build.yml

@@ -10,4 +10,4 @@ jobs:
     steps:
       - uses: gravity-ui/preview-build-action@v2
         with:
-          node-version: 18
+          node-version: 20

.github/workflows/pr-title.yml

@@ -19,7 +19,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: 20
           cache: npm
       - name: Install Packages
         run: npm ci

.github/workflows/pr-visual-tests.yml

@@ -8,12 +8,12 @@ jobs:
     name: Visual Tests
     runs-on: ubuntu-latest
     container:
-      image: mcr.microsoft.com/playwright:v1.47.1-jammy
+      image: mcr.microsoft.com/playwright:v1.49.0-jammy
     steps:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: 20
           cache: npm
       - name: Install Packages
         run: npm ci

.github/workflows/release.yml

@@ -15,6 +15,6 @@ jobs:
         with:
           github-token: ${{ secrets.GRAVITY_UI_BOT_GITHUB_TOKEN }}
           npm-token: ${{ secrets.GRAVITY_UI_BOT_NPM_TOKEN }}
-          node-version: 18
+          node-version: 20
           default-branch: ${{ github.ref_name != 'main' && github.ref_name || null }}
           npm-dist-tag: ${{ github.ref_name != 'main' && 'untagged' || 'latest' }}

.nvmrc

@@ -1 +1 @@
-18
+20

.storybook/main.ts

@@ -7,7 +7,17 @@ const config: StorybookConfig = {
         defaultName: 'Docs',
     },
     addons: [
-        '@storybook/preset-scss',
+        {
+            name: '@storybook/addon-styling-webpack',
+            options: {
+                rules: [
+                    {
+                        test: /\.scss$/i,
+                        use: ['style-loader', 'css-loader', 'sass-loader'],
+                    },
+                ],
+            },
+        },
         {name: '@storybook/addon-essentials', options: {backgrounds: false}},
         './theme-addon/register.tsx',
         '@storybook/addon-a11y',

CODEOWNERS

@@ -37,8 +37,8 @@
 /src/components/Portal @amje
 /src/components/Progress @Lunory
 /src/components/Radio @zamkovskaya
-/src/components/RadioButton @zamkovskaya
 /src/components/RadioGroup @zamkovskaya
+/src/components/SegmentedRadioGroup @zamkovskaya
 /src/components/User @DakEnviy
 /src/components/UserLabel @DakEnviy
 /src/components/useList @IsaevAlexandr
@@ -50,7 +50,7 @@
 /src/components/Stories @DarkGenius
 /src/components/Switch @zamkovskaya
 /src/components/Table @Raubzeug
-/src/components/Tabs @sofiushko
+/src/components/tabs @sofiushko
 /src/components/Text @IsaevAlexandr
 /src/components/TreeList @IsaevAlexandr
 /src/components/TreeSelect @IsaevAlexandr

gulpfile.js

@@ -2,8 +2,8 @@
 const path = require('path');
 
 const {task, src, dest, series, parallel} = require('gulp');
-const sass = require('gulp-dart-sass');
 const replace = require('gulp-replace');
+const sass = require('gulp-sass')(require('sass'));
 const ts = require('gulp-typescript');
 const {rimrafSync} = require('rimraf');
 
@@ -18,7 +18,8 @@ task('clean', (done) => {
 function compileTs(modules = false) {
     const tsProject = ts.createProject('tsconfig.json', {
         declaration: true,
-        module: modules ? 'esnext' : 'commonjs',
+        module: modules ? 'esnext' : 'nodenext',
+        moduleResolution: modules ? 'bundler' : 'nodenext',
         ...(modules ? undefined : {verbatimModuleSyntax: false}),
     });
 
@@ -54,7 +55,7 @@ task('copy-i18n', () => {
 task('styles-global', () => {
     return src(['styles/styles.scss', 'styles/fonts.scss'])
         .pipe(
-            sass().on('error', function (error) {
+            sass.sync().on('error', function (error) {
                 sass.logError.call(this, error);
                 process.exit(1);
             }),
@@ -65,7 +66,7 @@ task('styles-global', () => {
 task('styles-components', () => {
     return src(['src/components/**/*.scss', '!src/components/**/__stories__/**/*'])
         .pipe(
-            sass().on('error', function (error) {
+            sass.sync().on('error', function (error) {
                 sass.logError.call(this, error);
                 process.exit(1);
             }),