From 745429a751d8d26384f437b6a449d137992b3f4d Mon Sep 17 00:00:00 2001
From: youngduck <dudejr5839@naver.com>
Date: Tue, 21 Jul 2026 16:57:19 +0900
Subject: [PATCH 1/3] =?UTF-8?q?fix:=20=EB=AA=A8=EB=8B=AC=EC=A0=9C=EB=AA=A9?=
 =?UTF-8?q?=ED=83=80=EC=9D=B4=ED=8F=AC=ED=86=A0=ED=81=B0=EB=88=84=EB=9D=BD?=
 =?UTF-8?q?=EB=B3=B4=EC=99=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

.yds-modal-title에 타이포그래피가 빠져 있어 title이 브라우저 기본 h2로
렌더되던 문제 수정. ConfirmDialog 제목과 동일하게 s1 폰트 토큰(size/
line-height/weight/family)과 흰색을 적용. 스토리도 컴포넌트 자체 스타일이
드러나도록 수동 span 래핑을 제거하고 문자열 title로 정리.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/components/Overlays/Modal/Modal.stories.tsx        | 4 ++--
 src/styles/token.components/token.components.modal.css | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/Overlays/Modal/Modal.stories.tsx b/src/components/Overlays/Modal/Modal.stories.tsx
index 4d3174d..bac8795 100644
--- a/src/components/Overlays/Modal/Modal.stories.tsx
+++ b/src/components/Overlays/Modal/Modal.stories.tsx
@@ -26,7 +26,7 @@ const ModalPlayground = () => {
           modalOpen({
             config: {
               size: 'sm',
-              title: <span className="text-yds-s1 text-white">모달 제목</span>,
+              title: '모달 제목',
               footer: onClose => (
                 <Button size="full" variant="outlined" color="primary" onClick={onClose}>
                   닫기
@@ -152,7 +152,7 @@ const ModalStickyDemo = () => {
         modalOpen({
           config: {
             size: 'md',
-            title: <span className="text-yds-s1 text-white">고정 제목 영역</span>,
+            title: '고정 제목 영역',
             footer: onClose => (
               <div className="flex gap-2">
                 <Button size="full" variant="outlined" color="primary" onClick={onClose}>
diff --git a/src/styles/token.components/token.components.modal.css b/src/styles/token.components/token.components.modal.css
index 6a9439f..f462833 100644
--- a/src/styles/token.components/token.components.modal.css
+++ b/src/styles/token.components/token.components.modal.css
@@ -27,6 +27,11 @@
 
   .yds-modal-title {
     margin: 0;
+    font-size: var(--font-size-yds-s1);
+    line-height: var(--line-height-yds-s1);
+    font-weight: var(--font-weight-yds-s1);
+    font-family: var(--font-yds-wanted);
+    color: var(--color-white);
   }
 
   /* 스크롤되는 본문 영역 */

From 25e88948968eab6babffc9462090922d157f12a7 Mon Sep 17 00:00:00 2001
From: youngduck <dudejr5839@naver.com>
Date: Tue, 21 Jul 2026 16:58:31 +0900
Subject: [PATCH 2/3] =?UTF-8?q?chore:=20v0.21.2=EB=B2=84=EC=A0=84=EB=B2=94?=
 =?UTF-8?q?=ED=94=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 0a34bef..4e2e7e6 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@youngduck/yd-ui",
-  "version": "0.21.1",
+  "version": "0.21.2",
   "type": "module",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.esm.js",

From 5e9c60ceac728e73f2b5e53911555930a98cca1f Mon Sep 17 00:00:00 2001
From: youngduck <dudejr5839@naver.com>
Date: Tue, 21 Jul 2026 16:58:33 +0900
Subject: [PATCH 3/3] =?UTF-8?q?docs:=20v0.21.2=20CHANGELOG=EA=B0=B1?=
 =?UTF-8?q?=EC=8B=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 CHANGELOG.md | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 674ef8b..040cef1 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,13 @@
+## [0.21.2] - 2026-07-21
+
+**Branch**: `ui-v0.21.2-모달제목타이포적용`
+### 수정
+- fix: 모달제목타이포토큰누락보완
+
+### 변경
+- chore: v0.21.2버전범프
+
+---
 ## [0.21.1] - 2026-07-21
 
 **Branch**: `ui-v0.21.1-Tabs디자인개편`