feat: integrate latest HMDesign design system updates

src/components/dialog.stories.tsx

@@ -9,6 +9,8 @@ import { STORY_KICKER, StoryPage, StoryPageHeader, StorySection } from "@/compon
 // Dialog is an overlay (Radix Portal), so it does not fit the StateBoard. The representative Story is a row of triggers that open
 // the real Dialog for each ui_viz case (dialog.md §9 Reference Viewer examples); the same cases also exist as separate Stories tagged
 // `verification` that start open. Pseudo-state helpers are not used to fake an open Dialog.
+// Usage: native label below is a preserved Reference fixture. New HM React fields use public Label
+// with the actual control id (docs/components/label.md §5); fixture actions are not screen requirements.
 
 const longText = "긴 텍스트는 줄바꿈으로 전체를 표시합니다. 공백 없는 긴 문자열도 Dialog 너비를 밀어내지 않고 줄바꿈합니다. ".repeat(8)
 
@@ -66,12 +68,12 @@ const confirmActions = (
 const deleteActions = (
   <>
     <DialogClose asChild>
-      <Button variant="cancel" appearance="outline">
+      <Button variant="cancel" appearance="solid">
         취소
       </Button>
     </DialogClose>
     <DialogClose asChild>
-      <Button variant="destructive" appearance="outline">
+      <Button variant="destructive" appearance="solid">
         삭제
       </Button>
     </DialogClose>
@@ -150,7 +152,7 @@ function WideContent({ defaultOpen }: { defaultOpen?: boolean }) {
 function DeleteConfirmation({ defaultOpen }: { defaultOpen?: boolean }) {
   return (
     <Frame trigger="삭제 확인" defaultOpen={defaultOpen} title="항목 삭제" description="삭제하면 되돌릴 수 없습니다." actions={deleteActions}>
-      <p>선택한 항목을 삭제합니다. 취소와 삭제 실행은 같은 크기의 Outline 세트입니다.</p>
+      <p>선택한 항목을 삭제합니다. 취소와 삭제 실행은 같은 크기의 Standard Solid 세트입니다.</p>
     </Frame>
   )
 }
@@ -194,7 +196,7 @@ export const All: Story = {
           <BodyScroll />
         </div>
       </StorySection>
-      <StorySection title="Usage" description="일반 확인은 Solid 세트, 삭제 확인은 취소·삭제 모두 Outline 세트입니다.">
+      <StorySection title="Usage" description="일반 확인과 삭제 확인 모두 취소·실행을 Standard Solid 세트로 구성합니다.">
         <div className="flex flex-wrap gap-3">
           <DeleteConfirmation />
           <FormContent />