@ihabdevteam/core 0.191.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 +32 -0
- package/dist/components.cjs.js +10 -10
- 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 +183 -183
- package/dist/ihabdevteam-core.css +1 -1
- package/dist/ihabdevteam-core.d.ts +64 -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.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,38 @@ 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
|
+
|
|
10
42
|
## 0.191.0
|
|
11
43
|
|
|
12
44
|
### 더해짐 — **비추기만 하는 추천값** (`TextField`·`PanelRow` 의 `ghostText`)
|