@ihabdevteam/core 0.190.0 → 0.192.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 +57 -0
- package/dist/components.cjs.js +171 -171
- 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-tokens.css +1 -1
- package/dist/ihabdevteam-core.cjs.js +184 -184
- package/dist/ihabdevteam-core.css +1 -1
- package/dist/ihabdevteam-core.d.ts +89 -1
- package/dist/packages/core/src/components/GameIntro.css +51 -0
- package/dist/packages/core/src/components/GameIntro.d.ts +60 -0
- package/dist/packages/core/src/components/GameIntro.js +29 -0
- package/dist/packages/core/src/components/PanelRow.d.ts +4 -0
- package/dist/packages/core/src/components/PanelRow.js +1 -1
- package/dist/packages/core/src/components/TextField.d.ts +21 -0
- package/dist/packages/core/src/components/TextField.js +24 -4
- package/dist/packages/core/src/components.d.ts +2 -0
- package/dist/packages/core/src/components.js +1 -0
- package/dist/packages/core/src/tokens.css +17 -0
- 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,63 @@ All notable changes to this project will be documented in this file.
|
|
|
7
7
|
> 적은 글이라, 지금 이름으로 고쳐 놓으면 그 시절에 그 이름으로 받은 사람이
|
|
8
8
|
> 제 이야기를 못 찾는다.
|
|
9
9
|
|
|
10
|
+
## 0.192.0
|
|
11
|
+
|
|
12
|
+
### 더해짐 — `GameIntro` · `--color-onDark-*` 토큰
|
|
13
|
+
|
|
14
|
+
**게임 시작 화면의 속** — 그림 · 이름 · 설명 · 팁 묶음 · 시작 단추. 말귀의 게임 넷(낱말퀴즈 ·
|
|
15
|
+
타자 · 순발력 · 단어 디펜스)이 **네 벌로 똑같이** 적고 있었다. 구조가 같은 정도가 아니라 CSS
|
|
16
|
+
선언이 **글자까지 같았고**, 팁 머리글의 대비를 고친 WCAG 주석까지 네 번 베껴져 있었다.
|
|
17
|
+
|
|
18
|
+
```tsx
|
|
19
|
+
<div className={내시트}> {/* 오버레이·시트·닫기는 부르는 쪽 것 */}
|
|
20
|
+
<GameIntro icon="🔠" title="낱말퀴즈" description={설명}
|
|
21
|
+
tipGroups={[{ title: '게임 방법', tips: [{ icon: '🔠', text: '…' }] }]}
|
|
22
|
+
start={{ label: '시작하기', color: '#10b981', disabled: 로딩중, onClick: 시작 }} />
|
|
23
|
+
</div>
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
**감싸개는 일부러 안 가져왔다.** 시트의 바탕 그라디언트와 테두리 빛깔이 게임마다 다르고 **그것이
|
|
27
|
+
각 게임의 얼굴**이라, 코어가 들면 색을 넘기느라 도로 네 벌이 된다(말귀 판단에 동의한다).
|
|
28
|
+
|
|
29
|
+
- `tipGroups` 가 배열인 까닭은 한 게임이 '점수' 묶음을 하나 더 두기 때문이다.
|
|
30
|
+
- `iconSize`(56) · `titleClass`(`h2`) 는 **아직 갈려 있어** prop 으로 둔다 — 넷 중 하나만 52px ·
|
|
31
|
+
`h2b` 다. 베끼다 갈린 것으로 보이지만 **눈에 보이는 차이**라 코어가 임의로 정하지 않는다.
|
|
32
|
+
- **꾸밈 그림은 낭독기에 안 읽힌다**(`aria-hidden`) — 이름 앞에 "🔠" 가 붙으면 안 된다. 앱에는
|
|
33
|
+
없던 처리다.
|
|
34
|
+
|
|
35
|
+
**`--color-onDark-*`** — 제 바탕을 늘 어둡게 쥐는 면 위에 얹는 흰색 알파(title · text · muted ·
|
|
36
|
+
surface). **테마를 따르지 않는다**: 그 면은 라이트 모드에서도 어둡다. `--color-white-a*` 와
|
|
37
|
+
다른 점이 그것이다.
|
|
38
|
+
|
|
39
|
+
머리글이 0.5 인 까닭도 토큰 쪽에 적었다 — 0.3 은 **2.6:1**, 0.5 는 **5.3:1**(실제 게임 시트
|
|
40
|
+
`#0d0b1e` · `#070f09` 위에서 다시 잰 값이다. 말귀 주석의 2.7:1 · 4.6:1 은 어림한 값이었다).
|
|
41
|
+
|
|
42
|
+
## 0.191.0
|
|
43
|
+
|
|
44
|
+
### 더해짐 — **비추기만 하는 추천값** (`TextField`·`PanelRow` 의 `ghostText`)
|
|
45
|
+
|
|
46
|
+
규칙으로 유도한 값을 자리표시로 비추고, 칸이 비어 있을 때 **Tab(앞으로) · Space** 로 받아 적는다.
|
|
47
|
+
**자동으로 채우지 않는다** — 규칙 변환은 완벽하지 않아 사람이 보고 확정한다.
|
|
48
|
+
|
|
49
|
+
```tsx
|
|
50
|
+
<TextField label="표준 발음" value={발음} onChange={set발음} ghostText="궁물" />
|
|
51
|
+
<PanelRow label="훈련 이름" variant="input" value={이름} onChange={set이름} ghostText={추천이름} />
|
|
52
|
+
```
|
|
53
|
+
|
|
54
|
+
받는 때는 셋이 다 맞을 때뿐이다.
|
|
55
|
+
- **Tab(앞으로)이거나 Space.** `Shift+Tab` 은 안 받는다 — 뒤 칸으로 가려던 사람이 값을 얻는다.
|
|
56
|
+
- **칸이 비어 있다**(공백만 친 것도 빈 것으로 본다). 손으로 적은 것을 덮지 않는다.
|
|
57
|
+
- 비출 추천이 있다. 읽기 전용·꺼진 칸은 받지 않는다.
|
|
58
|
+
|
|
59
|
+
받은 키는 **그 칸이 먹는다** — 초점이 옮겨 가지 않고 `onKeyDown` 으로도 안 간다. 한 번 더 누르면
|
|
60
|
+
칸이 찼으므로 평소대로 넘어간다. **조합 중에는 손대지 않는다**: 한글 중간 글자에서의 Space 는
|
|
61
|
+
글자를 맺는 키다. 꼬리말은 `ghostHint` 로 갈아 끼우고, 안 주면 코어 사전의
|
|
62
|
+
" (Tab 또는 space 입력시 자동 입력)" 이 붙는다.
|
|
63
|
+
|
|
64
|
+
말귀에 이 세 줄이 두 자리에 손으로 적혀 있었다(훈련 이름 · 표준 발음 — 2026-09-25). 무엇을 비추고
|
|
65
|
+
어떻게 받는지는 **칸의 행동**이지 그 칸을 놓는 화면의 일이 아니다.
|
|
66
|
+
|
|
10
67
|
## 0.190.0
|
|
11
68
|
|
|
12
69
|
### 더해짐 — `Popup` 바닥 줄의 **두 덩이** (`footerStart` · `footerEnd`)
|