From 1f449f1ce3e4a663370f7e36b0b66f442dd240c6 Mon Sep 17 00:00:00 2001
From: Alesya Volosach <alesya.volosach@gmail.com>
Date: Thu, 15 Oct 2026 12:08:03 +0300
Subject: [PATCH] =?UTF-8?q?fix(accordion):=20=D0=BE=D0=B1=D0=BD=D0=BE?=
 =?UTF-8?q?=D0=B2=D0=BB=D0=B5=D0=BD=D0=B0=20=D1=82=D0=B8=D0=BF=D0=BE=D0=B3?=
 =?UTF-8?q?=D1=80=D0=B0=D1=84=D0=B8=D0=BA=D0=B0=20=D0=B7=D0=B0=D0=B3=D0=BE?=
 =?UTF-8?q?=D0=BB=D0=BE=D0=B2=D0=BA=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Accordion/Accordion.stories.tsx    | 15 +++++++++++++++
 src/components/Accordion/Accordion.tsx            |  7 +++++--
 .../__snapshots__/Accordion.test.tsx.snap         | 10 ++++++++--
 3 files changed, 28 insertions(+), 4 deletions(-)

diff --git a/src/components/Accordion/Accordion.stories.tsx b/src/components/Accordion/Accordion.stories.tsx
index a3b17ef7..dbceea57 100644
--- a/src/components/Accordion/Accordion.stories.tsx
+++ b/src/components/Accordion/Accordion.stories.tsx
@@ -81,3 +81,18 @@ type Story = StoryObj<typeof Accordion>
 const AccordionStory: Story = {}
 
 export { AccordionStory as Accordion }
+
+export const Expanded: Story = { args: { isInitiallyExpanded: true } }
+
+export const LongTitle: Story = {
+  args: {
+    title:
+      'Длинный заголовок аккордеона, который занимает несколько строк и остаётся читаемым при раскрытии содержимого',
+    Icon: IconUser,
+    titleExtra: Extras.IconDiamond,
+  },
+}
+
+export const LongTitleExpanded: Story = {
+  args: { ...LongTitle.args, isInitiallyExpanded: true },
+}
diff --git a/src/components/Accordion/Accordion.tsx b/src/components/Accordion/Accordion.tsx
index 76ffb39e..3aecc879 100644
--- a/src/components/Accordion/Accordion.tsx
+++ b/src/components/Accordion/Accordion.tsx
@@ -159,7 +159,7 @@ export const AccordionTestIds = {
   separator: 'Separator',
 }
 
-const styles = StyleSheet.create(({ theme, fonts }) => ({
+const styles = StyleSheet.create(({ theme, typography, fonts }) => ({
   component: { width: '100%' },
   header: {
     paddingVertical: theme.Panel.Accordion.accordionHeaderPaddingTopBottom,
@@ -170,7 +170,10 @@ const styles = StyleSheet.create(({ theme, fonts }) => ({
   },
   icon: { width: 17.5, height: 17.5 },
   title: {
-    fontSize: 15.75,
+    flexShrink: 1,
+    fontSize: typography.Size['text-xl'],
+    lineHeight: 26,
+    letterSpacing: -0.5,
     includeFontPadding: false,
     verticalAlign: 'middle',
     fontWeight: 700,
diff --git a/src/components/Accordion/__tests__/__snapshots__/Accordion.test.tsx.snap b/src/components/Accordion/__tests__/__snapshots__/Accordion.test.tsx.snap
index 04669b17..7c95e5a2 100644
--- a/src/components/Accordion/__tests__/__snapshots__/Accordion.test.tsx.snap
+++ b/src/components/Accordion/__tests__/__snapshots__/Accordion.test.tsx.snap
@@ -279,10 +279,13 @@ exports[`Accordion Header elements maximal 1`] = `
       style={
         {
           "color": "#181a1f",
+          "flexShrink": 1,
           "fontFamily": "Noto Sans",
-          "fontSize": 15.75,
+          "fontSize": 17.5,
           "fontWeight": 700,
           "includeFontPadding": false,
+          "letterSpacing": -0.5,
+          "lineHeight": 26,
           "verticalAlign": "middle",
         }
       }
@@ -707,10 +710,13 @@ exports[`Accordion Header elements minimal 1`] = `
       style={
         {
           "color": "#181a1f",
+          "flexShrink": 1,
           "fontFamily": "Noto Sans",
-          "fontSize": 15.75,
+          "fontSize": 17.5,
           "fontWeight": 700,
           "includeFontPadding": false,
+          "letterSpacing": -0.5,
+          "lineHeight": 26,
           "verticalAlign": "middle",
         }
       }