Merge pull request #497 from ClickHouse/alex-k_extra-wide

Support `widest` for flyout size
ClickHouse · Nov 12, 2024 · 9209b63 · 9209b63
2 parents 25cdeac + 51f96db
commit 9209b63
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git 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
@@ -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";