feat: integrate latest HMDesign design system updates

src/components/drawer.stories.tsx

@@ -1,4 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react-vite"
+// Usage: preserved native label fixtures do not define a new-screen exception. Use public Label
+// for supported fields (docs/components/label.md §5); copy only actions requested by the screen.
 import { Button, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, Input } from "@hm-design/ui"
 import { STORY_KICKER, StoryPage, StoryPageHeader, StorySection } from "@/components/story-page"
 
@@ -44,13 +46,13 @@ function Frame({
 const actions = (
   <>
     <DrawerClose asChild>
-      <Button variant="primary" appearance="solid">
-        확인
+      <Button variant="cancel" appearance="solid">
+        취소
       </Button>
     </DrawerClose>
     <DrawerClose asChild>
-      <Button variant="cancel" appearance="solid">
-        취소
+      <Button variant="primary" appearance="solid">
+        실행
       </Button>
     </DrawerClose>
   </>
@@ -103,7 +105,7 @@ export const All: Story = {
         title="Drawer"
         description="화면 아래에서 올라오는 모달 패널입니다. 핸들이나 패널을 아래로 끌어 닫습니다."
       />
-      <StorySection title="Overview" description="기본 Drawer입니다. 버튼을 눌러 엽니다.">
+      <StorySection title="Overview" description="데스크톱: 하단 우측 가로 취소 → 실행. 모바일(640px 이하): 전체 폭 세로 실행 위 / 취소 아래. 같은 Drawer를 화면 폭에 맞춰 확인합니다.">
         <Basic />
       </StorySection>
       <StorySection title="Usage" description="폼 입력 조합과, 내용이 길 때 Body만 scroll 하는 경우입니다.">