@ihabdevteam/core 0.222.0 → 0.223.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -7,6 +7,56 @@ All notable changes to this project will be documented in this file.
7
7
  > 적은 글이라, 지금 이름으로 고쳐 놓으면 그 시절에 그 이름으로 받은 사람이
8
8
  > 제 이야기를 못 찾는다.
9
9
 
10
+ ## 0.223.0
11
+
12
+ ### 띠 — 위 띠 아래 정렬 · 로고 간격 14px · 아래 띠 광학 보정 (말귀 요청 ㉟)
13
+
14
+ | | 전 | 후 |
15
+ |---|---|---|
16
+ | `--wt-band-top-align` | center | **flex-end** |
17
+ | `--wt-brand-gap` | 8px | **14px** |
18
+ | `--wt-band-bottom-nudge` | (없었다) | **1px** — 아래 띠 *글씨만* 내린다 |
19
+
20
+ 앞의 둘은 말귀가 종이를 보며 한 값씩 맞춘 결과다. 위 띠는 종이 맨 위에 붙어 있어 가운데
21
+ 정렬이면 로고와 글씨가 표에서 멀어져 허공에 뜬 것처럼 보인다.
22
+
23
+ **보정은 일부러 어긋나게 두는 것이다.** 말귀가 확대한 종이에서 잉크를 픽셀로 셌는데
24
+ (2026-10-01) 밑선은 729 로 **다 같고** 가운데도 1px 안쪽이었다 — 고리 724.0 · IHAB 글자
25
+ 723.5 · 저작권 724.5 · 주소 724.0 · 쪽 번호 723.5. 그런데도 눈에는 로고가 내려앉고 곁의
26
+ 글씨가 떠 보인다. ihab 로고의 **고리(◯)가 글자보다 위로 2px · 아래로 3px 더 뻗어** 덩어리가
27
+ 크게 잡히기 때문이다. 동그란 것은 네모난 것보다 커 보이므로 자로는 안 풀린다.
28
+
29
+ **로고가 아니라 글씨를 움직인다** — 로고 높이는 변수로 열려 있어 부르는 쪽이 바꾸면 보정이
30
+ 어긋난다. 안 움직이는 쪽을 움직인다. `--wt-band-bottom-nudge: 0` 이면 꺼진다.
31
+
32
+ ### 칸 낱말·발음 굵기를 연다 — `--wt-cell-word-weight` · `--wt-cell-sub-weight`
33
+
34
+ 종이에서 칸 글씨가 얇아 보인다는 이야기가 있었다. 재 보니 화면과 인쇄 문서가 **같았다**
35
+ (700/500/400, 말귀 실측 2026-10-01) — 얇아 보이는 것은 크롬이 가변 글꼴을 PDF 로 구울 때
36
+ Type 3 로 굽기 때문이다. 그래도 더 굵기를 바라는 종이가 있어 자리만 연다.
37
+
38
+ **타이포 클래스(`h0`·`h3`)는 안 건드린다** — 그것은 이 표만 쓰는 것이 아니다. 기본값으로는
39
+ 그 클래스가 쓰는 **토큰을 그대로 되받는다**(`--text-h0-weight` · `--text-h3-weight`). 수를
40
+ 베껴 적지 않는 것이 요점이다: 토큰이 바뀌면 여기도 따라 바뀐다.
41
+
42
+ > 처음에 `inherit` 을 기본으로 두었더니 **700 이 400 으로 떨어졌다**(브라우저 실측). 타이포
43
+ > 클래스는 `:where(.h0)` 라 특이도가 0 이어서, `.word-table-cell__word` 한 줄이 늘 이긴다.
44
+ > 기본을 "안 적는" 길은 없고 **같은 값을 적는 것**이 맞다.
45
+
46
+ ### `WordTableButton` 의 표 번호가 줄 **오른쪽 끝**으로 (말귀 요청 ㊱)
47
+
48
+ `code` 가 서는 자리를 바닥 줄 왼쪽 끝에서 오른쪽 끝으로 옮겼다. ㉚ 에서 왼쪽 끝에 놓았던
49
+ 것을 되돌리는 셈인데, 그때 든 까닭(바닥에 붙은 줄이라 제목·설명 길이와 무관하게 자리가
50
+ 안 움직인다)은 오른쪽 끝에서도 그대로 선다 — 같은 줄이니까. 왼쪽 끝에서는 `1043-E 1주 전`
51
+ 로 번호와 날짜가 붙어 한 덩어리로 읽혔고, 오른쪽 끝은 배지 없는 카드에서 늘 비어 있었다.
52
+
53
+ **배지보다 앞(왼쪽)에 선다** — 배지는 상태고 번호는 이름이라, 상태가 붙고 떨어질 때마다
54
+ 이름이 옮겨 다니면 훑기 어렵다. 그리고 **배지가 없으면 배지 칸을 아예 안 그린다**: 빈 칸을
55
+ 남기면 그 앞의 간격(8px)만 남아 번호가 카드 오른쪽 끝에서 떠 있었다(실측 678 vs 686).
56
+
57
+ 바뀐 마디: `.word-table-button__meta-right` 가 새로 생겼고, `.word-table-button__code` 와
58
+ `.word-table-button__badges` 가 그 안으로 들어갔다. **앱이 이 이름들을 겨냥하고 있으면 본다.**
59
+
10
60
  ## 0.222.0
11
61
 
12
62
  ### 띠 기본값이 **종이에서 정한 값**으로 옮겨 왔다