From 7e4c59505ca7750e98a84fb0ea22d1804818c87b Mon Sep 17 00:00:00 2001
From: Qs-F <qsf@de-liker.com>
Date: Wed, 18 Dec 2024 15:06:08 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20tailwind-variants=E3=81=AEextend?=
 =?UTF-8?q?=E3=82=92=E4=BD=BF=E7=94=A8=E3=81=99=E3=82=8B=E3=82=88=E3=81=86?=
 =?UTF-8?q?=E3=81=AB=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Dialog/FormDialog/FormDialogContentInner.tsx       | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/smarthr-ui/src/components/Dialog/FormDialog/FormDialogContentInner.tsx b/packages/smarthr-ui/src/components/Dialog/FormDialog/FormDialogContentInner.tsx
index 8f9d550208..4e901692b3 100644
--- a/packages/smarthr-ui/src/components/Dialog/FormDialog/FormDialogContentInner.tsx
+++ b/packages/smarthr-ui/src/components/Dialog/FormDialog/FormDialogContentInner.tsx
@@ -48,7 +48,11 @@ export type FormDialogContentInnerProps = BaseProps & {
 const CLOSE_BUTTON_LABEL = 'キャンセル'
 
 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',
   },
@@ -84,12 +88,12 @@ export const FormDialogContentInner: FC<FormDialogContentInnerProps> = ({
   )
   const isRequestProcessing = responseMessage && responseMessage.status === 'processing'
 
-  const { wrapper, actionArea, buttonArea, message } = dialogContentInner()
-  const { form, contentWrapper } = formDialogContentInner()
+  const { form, contentWrapper, 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({ className: 'shr-flex shr-flex-col' })}>
+    <Section className={wrapper()}>
       <DialogHeader title={title} subtitle={subtitle} titleTag={titleTag} titleId={titleId} />
       <form onSubmit={handleSubmitAction} className={form()}>
         <div className={contentWrapper()}>