chore: add test stories

src/components/dialog-full-screen/dialog-full-screen-test.stories.tsx

@@ -9,6 +9,7 @@ import Icon from "../icon";
 import Textbox from "../textbox";
 import Box from "../box";
 import { StepFlow } from "../step-flow";
+import Typography from "../typography";
 
 export default {
   title: "Dialog Full Screen/Test",
@@ -246,3 +247,17 @@ export const WithWrappedStickyForm: StoryType = {
   },
   parameters: { chromatic: { disableSnapshot: true } },
 };
+
+export const WithOverflowingContent: StoryType = () => (
+  <DialogFullScreen title="With Overflowing Content" open onCancel={() => {}}>
+    {Array.from({ length: 30 }, (_, i) => (
+      <Typography key={i}>This is line {i + 1}</Typography>
+    ))}
+  </DialogFullScreen>
+);
+
+WithOverflowingContent.parameters = {
+  chromatic: {
+    disableSnapshot: true,
+  },
+};

src/components/dialog/dialog-test.stories.tsx

@@ -494,3 +494,17 @@ export const WithButton = {
     );
   },
 };
+
+export const WithOverflowingContent: StoryType = () => (
+  <Dialog title="With Overflowing Content" open onCancel={() => {}}>
+    {Array.from({ length: 30 }, (_, i) => (
+      <Typography key={i}>This is line {i + 1}</Typography>
+    ))}
+  </Dialog>
+);
+
+WithOverflowingContent.parameters = {
+  chromatic: {
+    disableSnapshot: true,
+  },
+};

src/components/sidebar/sidebar-test.stories.tsx

@@ -175,3 +175,24 @@ export const WithForm: StoryObj<typeof Sidebar> = {
     </Sidebar>
   ),
 };
+
+export const WithOverflowingContent: StoryObj<typeof Sidebar> = {
+  render: (args) => (
+    <Sidebar
+      {...args}
+      header={<Typography variant="h3">With overflowing content</Typography>}
+      open
+      onCancel={() => {}}
+    >
+      {Array.from({ length: 30 }, (_, i) => (
+        <Typography key={i}>This is line {i + 1}</Typography>
+      ))}
+    </Sidebar>
+  ),
+};
+
+WithOverflowingContent.parameters = {
+  chromatic: {
+    disableSnapshot: true,
+  },
+};