@ihabdevteam/core 0.216.0 → 0.218.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 +53 -0
- package/dist/components.cjs.js +2 -2
- package/dist/components.esm.css +1 -1
- package/dist/hooks.cjs.js +1 -1
- package/dist/i18n.cjs.js +1 -1
- package/dist/ihabdevteam-core.cjs.js +3 -3
- package/dist/ihabdevteam-core.d.ts +24 -1
- package/dist/packages/core/src/components/WordTable.css +68 -47
- package/dist/packages/core/src/components/WordTable.d.ts +23 -0
- package/dist/packages/core/src/components/WordTable.js +4 -2
- package/dist/packages/core/src/version.d.ts +1 -1
- package/dist/packages/core/src/version.js +1 -1
- package/dist/utils.cjs.js +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -7,6 +7,59 @@ All notable changes to this project will be documented in this file.
|
|
|
7
7
|
> 적은 글이라, 지금 이름으로 고쳐 놓으면 그 시절에 그 이름으로 받은 사람이
|
|
8
8
|
> 제 이야기를 못 찾는다.
|
|
9
9
|
|
|
10
|
+
## 0.218.0
|
|
11
|
+
|
|
12
|
+
### 더해짐 — 띠의 두 로고를 갈아 끼운다
|
|
13
|
+
|
|
14
|
+
`brand.topLogo` · `brand.bottomLogo` 가 `{ src, alt }` 를 받는다. 다른 데서 다른 로고를
|
|
15
|
+
쓸 수 있어서다(사용자 지시 2026-09-30). 저작권 글월은 전부터 `brand.copyright` 로 열려
|
|
16
|
+
있었다. 안 주면 말귀 · ihab 그대로다.
|
|
17
|
+
|
|
18
|
+
**이름(`alt`)을 함께 받는다.** 주소만 받으면 로고를 갈아 끼운 사람이 이름을 빠뜨리기
|
|
19
|
+
쉽고, 그러면 낭독기에 이름 없는 그림 하나가 남는다.
|
|
20
|
+
|
|
21
|
+
**아래 로고는 기본과 그려지는 법이 다르다.** 기본 ihab 은 흰 판을 마스크로 오려 곁의
|
|
22
|
+
글씨와 같은 회색으로 칠하지만, **부르는 쪽이 준 것은 그림 그대로** 나간다 — 그 파일이
|
|
23
|
+
한 색인지 코어가 알 수 없고, 남의 로고 색을 말없이 바꾸면 안 된다. 글자색을 따르게 하려면
|
|
24
|
+
한 색짜리 파일을 주고 크기만 `--wt-brand-ihab-height` 로 맞추면 된다.
|
|
25
|
+
|
|
26
|
+
준 로고에서는 마스크·바탕색·비를 **걷는다**(안 걷으면 회색 덩이가 되거나 264:100 으로
|
|
27
|
+
찌그러진다). 그 규칙은 기본 규칙 **뒤**에 둔다 — 셈수가 같아 차례로 이긴다. 시험이 차례도
|
|
28
|
+
잰다.
|
|
29
|
+
|
|
30
|
+
## 0.217.0
|
|
31
|
+
|
|
32
|
+
### 고침 — 띠를 키우면 네 군데가 어긋났다 (말귀 요청 ㉜)
|
|
33
|
+
|
|
34
|
+
말귀가 사용자와 값을 맞추다 **네 번 걸렸다.** 값을 열어 달라는 청이었지만, 넷은 **누가 어떤
|
|
35
|
+
값을 주든 같은 데 빠지는 것**이라 그 자체가 고칠 값어치였다.
|
|
36
|
+
|
|
37
|
+
1. **띠가 안엣것을 안 따라 늘었다** — 로고·글자만 키우면 띠보다 커져 잘린다. 화면에서는
|
|
38
|
+
"안 바뀌고 있잖아" 로 보인다.
|
|
39
|
+
2. **ihab 로고가 높이로 안 커졌다.** `<img>` 가 아니라 마스크로 그리는 `<span>` 인데 너비를
|
|
40
|
+
`높이 × 2.64` 로 **박아** 두었고, 마스크가 `contain` 이라 좁은 쪽에 맞는다 — 높이를 24px
|
|
41
|
+
로 올려도 그림은 17px 그대로였다. `aspect-ratio: 264/100` + `width: auto` 로 바꿔 **높이
|
|
42
|
+
하나로** 정해지게 한다(말귀 로고 `<img>` 와 같은 규약이 된다).
|
|
43
|
+
3. **띠를 키우면 비우는 여백이 모자라 띠가 표를 파고들었다**(위 −4px · 아래 −6px).
|
|
44
|
+
4. **테두리(`--outline::after`)의 안쪽 여백이 따로 박혀 있었다** — 여백만 키우면 **칸이 없는
|
|
45
|
+
빈 자리에 선이 그려진다.** 사용자가 화면을 짚어 알려 줬다.
|
|
46
|
+
|
|
47
|
+
③④ 는 **여백과 테두리를 띠 높이에서 스스로 나오게** 해서 구조로 막는다(`띠 높이 + 4px`).
|
|
48
|
+
따로 적지 않으니 다시 어긋날 수가 없다 — 시험도 두 글월이 **글자까지 같은지**로 잰다.
|
|
49
|
+
|
|
50
|
+
### 더해짐 — 띠 치수를 CSS 변수로 연다
|
|
51
|
+
|
|
52
|
+
`--wt-band-top-height` · `--wt-band-top-size` · `--wt-band-top-align` ·
|
|
53
|
+
`--wt-band-bottom-height` · `--wt-band-bottom-size` · `--wt-brand-logo-height` ·
|
|
54
|
+
`--wt-brand-ihab-height` · `--wt-brand-gap`.
|
|
55
|
+
|
|
56
|
+
부르는 쪽이 `:root` 에 적으면 **화면과 종이가 함께** 바뀐다 — 인쇄 문서는 스타일시트를 통째로
|
|
57
|
+
베껴 가므로 변수 선언도 따라간다. 앱 CSS 로 덮던 길은 **종이에 안 닿았다**: 인쇄 문서는 격자를
|
|
58
|
+
`.paper-wrap` 하나로만 감싸서 앱이 쓰던 감싸개 이름이 선택자에서 안 맞았다.
|
|
59
|
+
|
|
60
|
+
기본값은 **선언하지 않고** `var(…, 기본)` 의 뒷값으로만 둔다 — 선언하면 그 마디가 `:root`
|
|
61
|
+
보다 가까워 부르는 쪽 값이 진다. 시험이 그것도 잰다.
|
|
62
|
+
|
|
10
63
|
## 0.216.0
|
|
11
64
|
|
|
12
65
|
### 더해짐 — `WordTablePopup`·`WordTableBlock` 이 종이 띠를 흘린다 (말귀 요청 ㉛)
|