From 239eca13fadce88bc7a290a7ccb90c84295b0bd4 Mon Sep 17 00:00:00 2001
From: abcang <abcang1015@gmail.com>
Date: Fri, 20 Dec 2024 17:30:57 +0900
Subject: [PATCH 1/2] =?UTF-8?q?fix:=20=E5=88=86=E5=89=B2=E5=8F=AF=E8=83=BD?=
 =?UTF-8?q?=E3=81=A7=E3=81=AA=E3=81=84=E5=8D=98=E8=AA=9E=E3=81=8CHintText?=
 =?UTF-8?q?=E3=81=AB=E5=90=AB=E3=81=BE=E3=82=8C=E3=81=A6=E3=81=84=E3=81=9F?=
 =?UTF-8?q?=E3=81=A8=E3=81=8D=E3=81=AB=E3=81=82=E3=81=B5=E3=82=8C=E3=81=AA?=
 =?UTF-8?q?=E3=81=84=E3=82=88=E3=81=86=E3=81=AB=E3=81=99=E3=82=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/react-sandbox/src/components/HintText/index.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/react-sandbox/src/components/HintText/index.tsx b/packages/react-sandbox/src/components/HintText/index.tsx
index 5d0bde294..94b5503cb 100644
--- a/packages/react-sandbox/src/components/HintText/index.tsx
+++ b/packages/react-sandbox/src/components/HintText/index.tsx
@@ -61,6 +61,8 @@ const IconWrap = styled.div`
 const Text = styled.p`
   ${theme((o) => [o.font.text2, o.typography(14)])}
   margin: 0;
+  min-width: 0;
+  overflow-wrap: break-word;
 `
 
 function styledProps(props: Props) {

From 6980ae3f0b68892e19b3474aa131dfdac6c6676c Mon Sep 17 00:00:00 2001
From: abcang <abcang1015@gmail.com>
Date: Fri, 20 Dec 2024 18:24:31 +0900
Subject: [PATCH 2/2] =?UTF-8?q?chore:=20HintText=E3=81=AEStory=E3=83=95?=
 =?UTF-8?q?=E3=82=A1=E3=82=A4=E3=83=AB=E3=82=92=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/HintText/index.story.tsx   | 39 +++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 packages/react-sandbox/src/components/HintText/index.story.tsx

diff --git a/packages/react-sandbox/src/components/HintText/index.story.tsx b/packages/react-sandbox/src/components/HintText/index.story.tsx
new file mode 100644
index 000000000..7925f3060
--- /dev/null
+++ b/packages/react-sandbox/src/components/HintText/index.story.tsx
@@ -0,0 +1,39 @@
+import { Meta, StoryObj } from '@storybook/react'
+import HintText from '.'
+
+export default {
+  title: 'react-sandbox/HintText',
+  component: HintText,
+  parameters: {
+    layout: 'centered',
+  },
+  argTypes: {
+    children: { type: 'string' },
+    context: {
+      control: {
+        type: 'select',
+        options: ['page', 'section'],
+      },
+    },
+  },
+} as Meta<typeof HintText>
+
+export const Default: StoryObj<typeof HintText> = {
+  args: {
+    children: 'HintText',
+    context: 'section',
+  },
+  render: (props) => <HintText {...props} />,
+}
+
+export const NarrowWidth: StoryObj<typeof HintText> = {
+  args: {
+    children: 'LongLongLongLongLongLongLongLongLongText',
+    context: 'section',
+  },
+  render: (props) => (
+    <div style={{ width: 200 }}>
+      <HintText {...props} />
+    </div>
+  ),
+}