From 953f9b663eca60cbfe0f5dea748e09f94c3d5966 Mon Sep 17 00:00:00 2001
From: Danil Khaliulin <danielooneilie@gmail.com>
Date: Wed, 12 Aug 2026 20:41:05 +0800
Subject: [PATCH] =?UTF-8?q?fix(Tabs):=20=D0=B0=D0=BA=D1=82=D0=B8=D0=B2?=
 =?UTF-8?q?=D0=BD=D0=B0=D1=8F=20=D0=BB=D0=B8=D0=BD=D0=B8=D1=8F=20=D0=B2?=
 =?UTF-8?q?=D1=8B=D1=80=D0=BE=D0=B2=D0=BD=D0=B5=D0=BD=D0=B0=20=D1=81=20?=
 =?UTF-8?q?=D0=BB=D0=B8=D0=BD=D0=B8=D0=B5=D0=B9=20=D1=82=D0=B0=D0=B1-?=
 =?UTF-8?q?=D0=BB=D0=B8=D1=81=D1=82=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 design-tokens/input/tokens.json                      |  2 +-
 src/components/Tabs/Tabs.tsx                         |  9 +++++----
 .../Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap  | 12 ++++++------
 src/theme/tokens/components/dark.json                |  2 +-
 src/theme/tokens/components/light.json               |  2 +-
 5 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/design-tokens/input/tokens.json b/design-tokens/input/tokens.json
index 16993284..84b13ba0 100644
--- a/design-tokens/input/tokens.json
+++ b/design-tokens/input/tokens.json
@@ -4444,7 +4444,7 @@
       },
       "root": { "transitionDuration": "{effects.transition.duration.200}" },
       "tablist": {
-        "borderWidth": "{dimension.borderWidth.none} {dimension.borderWidth.none} {dimension.borderWidth.100} {dimension.borderWidth.none}",
+        "borderWidth": "{dimension.borderWidth.none} {dimension.borderWidth.none} {dimension.borderWidth.200} {dimension.borderWidth.none}",
         "background": "transparent",
         "borderColor": "{color.border.neutral.default}"
       },
diff --git a/src/components/Tabs/Tabs.tsx b/src/components/Tabs/Tabs.tsx
index 3c94a134..9be5a3d3 100644
--- a/src/components/Tabs/Tabs.tsx
+++ b/src/components/Tabs/Tabs.tsx
@@ -91,18 +91,19 @@ export const Tabs = memo<TabsProps>(
   }
 )
 
-const styles = StyleSheet.create(({ components, semantic }) => ({
+const styles = StyleSheet.create(({ components }) => ({
   container: {
     flexDirection: 'row',
     gap: components.tabs.tab.margin,
 
-    borderBottomWidth: semantic.dimension.borderWidth[100],
+    borderBottomWidth: components.tabs.tablist.borderBottomWidth,
     borderColor: components.tabs.tablist.borderColor,
   },
   line: {
     position: 'absolute',
-    bottom: 0,
-    height: semantic.dimension.borderWidth[200],
+    // Линия ложится поверх границы таб-листа: отрицательный сдвиг равен её толщине
+    bottom: components.tabs.activeBar.bottom,
+    height: components.tabs.activeBar.height,
 
     backgroundColor: components.tabs.activeBar.background,
   },
diff --git a/src/components/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap b/src/components/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap
index e4a3b881..5fad356f 100644
--- a/src/components/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap
+++ b/src/components/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap
@@ -2114,7 +2114,7 @@ exports[`Tabs component tests disabled 1`] = `
 <View
   style={
     {
-      "borderBottomWidth": 1,
+      "borderBottomWidth": 2,
       "borderColor": "#e2e2e4",
       "flexDirection": "row",
       "gap": 0,
@@ -2558,7 +2558,7 @@ exports[`Tabs component tests disabled 1`] = `
       [
         {
           "backgroundColor": "#2b2e33",
-          "bottom": 0,
+          "bottom": -2,
           "height": 2,
           "position": "absolute",
         },
@@ -2568,7 +2568,7 @@ exports[`Tabs component tests disabled 1`] = `
       [
         {
           "backgroundColor": "#2b2e33",
-          "bottom": 0,
+          "bottom": -2,
           "height": 2,
           "position": "absolute",
         },
@@ -2586,7 +2586,7 @@ exports[`Tabs component tests normal 1`] = `
 <View
   style={
     {
-      "borderBottomWidth": 1,
+      "borderBottomWidth": 2,
       "borderColor": "#e2e2e4",
       "flexDirection": "row",
       "gap": 0,
@@ -3015,7 +3015,7 @@ exports[`Tabs component tests normal 1`] = `
       [
         {
           "backgroundColor": "#2b2e33",
-          "bottom": 0,
+          "bottom": -2,
           "height": 2,
           "position": "absolute",
         },
@@ -3025,7 +3025,7 @@ exports[`Tabs component tests normal 1`] = `
       [
         {
           "backgroundColor": "#2b2e33",
-          "bottom": 0,
+          "bottom": -2,
           "height": 2,
           "position": "absolute",
         },
diff --git a/src/theme/tokens/components/dark.json b/src/theme/tokens/components/dark.json
index 3bef7b42..4032db82 100644
--- a/src/theme/tokens/components/dark.json
+++ b/src/theme/tokens/components/dark.json
@@ -2387,7 +2387,7 @@
     "tablist": {
       "borderTopWidth": 0,
       "borderRightWidth": 0,
-      "borderBottomWidth": 1,
+      "borderBottomWidth": 2,
       "borderLeftWidth": 0,
       "background": "transparent",
       "borderColor": "#404348"
diff --git a/src/theme/tokens/components/light.json b/src/theme/tokens/components/light.json
index be686424..f9e7ffd5 100644
--- a/src/theme/tokens/components/light.json
+++ b/src/theme/tokens/components/light.json
@@ -2387,7 +2387,7 @@
     "tablist": {
       "borderTopWidth": 0,
       "borderRightWidth": 0,
-      "borderBottomWidth": 1,
+      "borderBottomWidth": 2,
       "borderLeftWidth": 0,
       "background": "transparent",
       "borderColor": "#e2e2e4"