From 3bf33485009e7dabe41c815236bceb6a14dc1bbb Mon Sep 17 00:00:00 2001
From: Qs-F <qsf@de-liker.com>
Date: Wed, 18 Dec 2024 21:14:30 +0900
Subject: [PATCH] =?UTF-8?q?refactor(FormDialog):=20=E6=A7=8B=E9=80=A0?=
 =?UTF-8?q?=E3=82=92=E3=82=B7=E3=83=B3=E3=83=97=E3=83=AB=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../FormDialog/FormDialogContentInner.tsx     | 22 +++++++------------
 1 file changed, 8 insertions(+), 14 deletions(-)

diff --git a/packages/smarthr-ui/src/components/Dialog/FormDialog/FormDialogContentInner.tsx b/packages/smarthr-ui/src/components/Dialog/FormDialog/FormDialogContentInner.tsx
index 4e901692b3..9385981a13 100644
--- a/packages/smarthr-ui/src/components/Dialog/FormDialog/FormDialogContentInner.tsx
+++ b/packages/smarthr-ui/src/components/Dialog/FormDialog/FormDialogContentInner.tsx
@@ -51,10 +51,7 @@ const formDialogContentInner = tv({
   extend: dialogContentInner,
   slots: {
     // 領域を狭くしたときにwrapperも縮むようにflexを使用
-    wrapper: 'shr-flex shr-flex-col',
-    // 領域を狭くしたときにwrapperも縮むようにflexを使用
-    form: 'shr-overflow-y-auto shr-flex-auto shr-flex shr-flex-col',
-    contentWrapper: 'shr-overflow-y-auto shr-flex-auto',
+    form: 'shr-contents',
   },
 })
 
@@ -88,19 +85,16 @@ export const FormDialogContentInner: FC<FormDialogContentInnerProps> = ({
   )
   const isRequestProcessing = responseMessage && responseMessage.status === 'processing'
 
-  const { form, contentWrapper, wrapper, actionArea, buttonArea, message } =
-    formDialogContentInner()
+  const { form, wrapper, actionArea, buttonArea, message } = formDialogContentInner()
 
   return (
-    // eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content, smarthr/a11y-prohibit-sectioning-content-in-form
-    <Section className={wrapper()}>
+    // eslint-disable-next-line smarthr/best-practice-for-layouts, smarthr/a11y-heading-in-sectioning-content
+    <Stack gap={0} as={Section} className={wrapper()}>
       <DialogHeader title={title} subtitle={subtitle} titleTag={titleTag} titleId={titleId} />
       <form onSubmit={handleSubmitAction} className={form()}>
-        <div className={contentWrapper()}>
-          <DialogBody contentPadding={contentPadding} contentBgColor={contentBgColor}>
-            {children}
-          </DialogBody>
-        </div>
+        <DialogBody contentPadding={contentPadding} contentBgColor={contentBgColor}>
+          {children}
+        </DialogBody>
         <Stack gap={0.5} className={actionArea()}>
           <Cluster justify="space-between">
             {subActionArea}
@@ -132,6 +126,6 @@ export const FormDialogContentInner: FC<FormDialogContentInnerProps> = ({
           )}
         </Stack>
       </form>
-    </Section>
+    </Stack>
   )
 }