From 51f96dbc31bcad1f9e00e5ea2c5b3c05b5859af6 Mon Sep 17 00:00:00 2001
From: Alex Kalmakov <alex.kalmakov@clickhouse.com>
Date: Tue, 12 Nov 2024 17:37:54 +0100
Subject: [PATCH] widest for flyout size

---
 src/components/Flyout/Flyout.stories.tsx | 4 ++--
 src/components/Flyout/Flyout.tsx         | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Flyout/Flyout.stories.tsx b/src/components/Flyout/Flyout.stories.tsx
index 04c921f2..c46721a7 100644
--- a/src/components/Flyout/Flyout.stories.tsx
+++ b/src/components/Flyout/Flyout.stories.tsx
@@ -7,7 +7,7 @@ interface Props extends FlyoutProps {
   alignBody: "default" | "top";
   align: "start" | "end";
   type: "default" | "inline";
-  size: "default" | "narrow" | "wide";
+  size: "default" | "narrow" | "wide" | "widest";
   width?: string;
 }
 
@@ -69,7 +69,7 @@ export default {
 
       description: "Align the flyout",
     },
-    size: { control: "select", options: ["default", "narrow", "wide"] },
+    size: { control: "select", options: ["default", "narrow", "wide", "widest"] },
     type: { control: "select", options: ["default", "inline"] },
     width: { control: "text" },
   },
diff --git a/src/components/Flyout/Flyout.tsx b/src/components/Flyout/Flyout.tsx
index 8890f5c7..21da2bc7 100644
--- a/src/components/Flyout/Flyout.tsx
+++ b/src/components/Flyout/Flyout.tsx
@@ -50,7 +50,7 @@ const Trigger = ({ children, ...props }: DialogTriggerProps) => {
 Trigger.displayName = "Flyout.Trigger";
 Flyout.Trigger = Trigger;
 
-type FlyoutSizeType = "default" | "narrow" | "wide";
+type FlyoutSizeType = "default" | "narrow" | "wide" | "widest";
 type Strategy = "relative" | "absolute" | "fixed";
 type FlyoutType = "default" | "inline";