@ihabdevteam/core 0.191.0 → 0.193.0

package/CHANGELOG.md

@@ -7,6 +7,61 @@ All notable changes to this project will be documented in this file.
 > 적은 글이라, 지금 이름으로 고쳐 놓으면 그 시절에 그 이름으로 받은 사람이
 > 제 이야기를 못 찾는다.
 
+## 0.193.0
+
+### 바뀜 — `ConfirmPopup` 의 `topContent` 가 **여럿을 세로로 쌓는다**
+
+예전에는 가로 줄(`justify-content: center`)이라 이 자리에 둘을 넣으면 **나란히 섰다.** 그래서 둘
+이상을 세워야 하는 창마다 세로 통을 하나씩 더 두르고 있었다 — 말귀 두 벌(표 저장 확인창 · 숙제
+확인창)이고, 두 파일이 "코어의 이 자리는 가로 가운데라 그냥 넣으면 나란히 선다" 는 **말까지 따로
+적어** 두었다. 같은 걸림돌을 두 번 따로 만나 두 번 따로 적은 꼴이라, 그 말이 두 군데 있다는 것
+자체가 이쪽 일이라는 신호였다(2026-09-25).
+
+이제 세로로 쌓고 가로는 가운데(`--spacing-m` 간격)다. **하나만 넣던 자리는 그대로다** — 가운데
+맞춤은 제 폭을 안 정한 것에만 걸리므로, `width: 100%` 를 가진 것(표 틀 · 입력칸)은 여전히 꽉 찬다
+(놀이터 실측: 자리 440px 에 미리보기 440 · 입력칸 440, 배지 하나는 52px 로 가운데).
+
+### 바뀜 — `topContent` 가 있으면 **더해 둔 위 여백을 되돌린다**
+
+확인창은 본문 위아래 여백을 20px 씩 더 준다(20 → 40). 글만 있는 창에서는 그 한 뼘이 숨 쉴 자리지만,
+맨 위에 표나 카드가 서면 제목과 내용을 공연히 벌려 놓는다(사용자 지시 2026-09-23 "여백이 많아보여").
+부르는 쪽 둘이 각자 되돌리고 있던 것을, `topContent` 를 준 창에서는 코어가 되돌린다(`--spacing-l`).
+
+**받는 쪽이 할 일**: 세로 통과 위 여백 되돌림을 지우면 된다. 아래 여백(40px)은 그대로다 — 단추가
+서는 쪽이라 좁히면 손가락 자리가 준다.
+
+## 0.192.0
+
+### 더해짐 — `GameIntro` · `--color-onDark-*` 토큰
+
+**게임 시작 화면의 속** — 그림 · 이름 · 설명 · 팁 묶음 · 시작 단추. 말귀의 게임 넷(낱말퀴즈 ·
+타자 · 순발력 · 단어 디펜스)이 **네 벌로 똑같이** 적고 있었다. 구조가 같은 정도가 아니라 CSS
+선언이 **글자까지 같았고**, 팁 머리글의 대비를 고친 WCAG 주석까지 네 번 베껴져 있었다.
+
+```tsx
+<div className={내시트}>            {/* 오버레이·시트·닫기는 부르는 쪽 것 */}
+  <GameIntro icon="🔠" title="낱말퀴즈" description={설명}
+    tipGroups={[{ title: '게임 방법', tips: [{ icon: '🔠', text: '…' }] }]}
+    start={{ label: '시작하기', color: '#10b981', disabled: 로딩중, onClick: 시작 }} />
+</div>
+```
+
+**감싸개는 일부러 안 가져왔다.** 시트의 바탕 그라디언트와 테두리 빛깔이 게임마다 다르고 **그것이
+각 게임의 얼굴**이라, 코어가 들면 색을 넘기느라 도로 네 벌이 된다(말귀 판단에 동의한다).
+
+- `tipGroups` 가 배열인 까닭은 한 게임이 '점수' 묶음을 하나 더 두기 때문이다.
+- `iconSize`(56) · `titleClass`(`h2`) 는 **아직 갈려 있어** prop 으로 둔다 — 넷 중 하나만 52px ·
+  `h2b` 다. 베끼다 갈린 것으로 보이지만 **눈에 보이는 차이**라 코어가 임의로 정하지 않는다.
+- **꾸밈 그림은 낭독기에 안 읽힌다**(`aria-hidden`) — 이름 앞에 "🔠" 가 붙으면 안 된다. 앱에는
+  없던 처리다.
+
+**`--color-onDark-*`** — 제 바탕을 늘 어둡게 쥐는 면 위에 얹는 흰색 알파(title · text · muted ·
+surface). **테마를 따르지 않는다**: 그 면은 라이트 모드에서도 어둡다. `--color-white-a*` 와
+다른 점이 그것이다.
+
+머리글이 0.5 인 까닭도 토큰 쪽에 적었다 — 0.3 은 **2.6:1**, 0.5 는 **5.3:1**(실제 게임 시트
+`#0d0b1e` · `#070f09` 위에서 다시 잰 값이다. 말귀 주석의 2.7:1 · 4.6:1 은 어림한 값이었다).
+
 ## 0.191.0
 
 ### 더해짐 — **비추기만 하는 추천값** (`TextField`·`PanelRow` 의 `ghostText`)