@ihabdevteam/core 0.244.0 → 0.246.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 +56 -0
- package/dist/components.cjs.js +12 -12
- package/dist/hooks.cjs.js +1 -1
- package/dist/i18n.cjs.js +1 -1
- package/dist/ihabdevteam-core.cjs.js +17 -17
- package/dist/ihabdevteam-core.d.ts +17 -2
- package/dist/packages/core/src/components/FilterPanel.d.ts +11 -1
- package/dist/packages/core/src/components/FilterPanel.js +10 -3
- package/dist/packages/core/src/components/Tooltip/Tooltip.d.ts +5 -0
- package/dist/packages/core/src/components/Tooltip/Tooltip.js +41 -1
- 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,62 @@ All notable changes to this project will be documented in this file.
|
|
|
7
7
|
> 적은 글이라, 지금 이름으로 고쳐 놓으면 그 시절에 그 이름으로 받은 사람이
|
|
8
8
|
> 제 이야기를 못 찾는다.
|
|
9
9
|
|
|
10
|
+
## 0.246.0
|
|
11
|
+
|
|
12
|
+
### `FilterPanel` 의 제목도 **머리글·지역**이 된다 (말귀 요청 (57))
|
|
13
|
+
|
|
14
|
+
단어표 만들기 실측: 화면의 머리글은 `h1 단어표 만들기` **하나**, 그 아래 조작이 **백예순다섯**.
|
|
15
|
+
판 셋(검색 옵션 · 단어 검색 설정 · 단어표 설정)은 이름이 없고 제목은 `<span class="h4">` 였다.
|
|
16
|
+
|
|
17
|
+
**낭독기로는 이 화면에 층이 없었다** — "단어표 설정으로 건너뛰기" 도 "지금 어느 판 안인지" 도
|
|
18
|
+
알 길이 없다. 자모 격자만 백 개가 넘는 자리라 더 그렇다.
|
|
19
|
+
|
|
20
|
+
(51)·(54) 와 **똑같은 꼴**이고, 머리글 규칙이 안 간 **다섯 번째** 자리였다. 같은 자를 댄다 —
|
|
21
|
+
제목을 머리글로 세우고(`titleLevel`, 기본 **2**: 쪽 제목 바로 아래 서는 자리가 대부분이다.
|
|
22
|
+
창 안이면 3), 그것이 판의 이름이 된다(`role="group"` + `aria-labelledby`).
|
|
23
|
+
|
|
24
|
+
**접기 단추는 짧은 채로 둔다** — 지역이 가려 준다((54)① 과 같은 셈).
|
|
25
|
+
|
|
26
|
+
> **어제 세운 문이 이 자리를 못 봤다.** `test/headingFamily.test.ts` 는 **머리글을 이미
|
|
27
|
+
> 그리는** 조각만 센다 — *있어야 하는데 없는* 조각은 안 보인다. 세운 바로 그날 드러났고,
|
|
28
|
+
> **사람이 찾았지 문이 찾은 것이 아니다.** 넓히려면 `…__title` 을 그리는 스물여덟을 세야
|
|
29
|
+
> 하는데 그 대부분은 머리글이 아닌 것이 맞다(알림 · 풍선 · 눌리는 카드 안의 제목). 살펴보지
|
|
30
|
+
> 않은 스물여덟에 까닭을 지어 붙이면 그것이야말로 거짓 초록이라, 한 바퀴 돌아보고 세운다.
|
|
31
|
+
|
|
32
|
+
## 0.245.0
|
|
33
|
+
|
|
34
|
+
### ⋯ 메뉴를 열면 **그 안으로 들어간다** (말귀 요청 (55))
|
|
35
|
+
|
|
36
|
+
메뉴는 `body` 끝으로 포탈되니 **탭 차례도 문서 끝**이다. 여는 순간 초점은 트리거에 그대로
|
|
37
|
+
남아, 메뉴를 열어 놓고도 Tab 을 **열일곱 번** 눌러야 첫 항목에 닿았다.
|
|
38
|
+
|
|
39
|
+
```
|
|
40
|
+
이용 현황, 이용권 카드 카드 22/41 · 사용하기 39/41 → 열일곱 번
|
|
41
|
+
나의 단어표, 더보기 더보기 30/52 · 수정~삭제 44~51 → 열네 번
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
안의 Tab 가두기는 **이미 안에 있을 때만** 돕는다 — 트리거에 있는 동안은 지금 초점이 첫도
|
|
45
|
+
끝도 아니라 그냥 다음 카드로 넘어간다. **닭과 달걀이 또 한 번 선 꼴**이다((53) 의 `display:
|
|
46
|
+
none` 과 `:focus-within` 과 같다).
|
|
47
|
+
|
|
48
|
+
이제 열면 **안의 첫 조작으로 들어가고**, 닫으면 **열었던 자리로 돌려준다**. `Popup` 이 진작
|
|
49
|
+
그렇게 한다 — 같은 자를 댔다.
|
|
50
|
+
|
|
51
|
+
- **조작이 있을 때만** 옮긴다. 글만 있는 풍선(`InfoTooltip`·`DescriptionTooltip`)에서 초점을
|
|
52
|
+
뺏으면 읽던 자리를 잃는다. `focusOnOpen={false}` 로 끌 수도 있다.
|
|
53
|
+
- **재고 난 뒤**에 옮긴다 — 재기 전에는 `visibility: hidden` 이라 초점이 안 선다.
|
|
54
|
+
- 돌려줄 마디가 사라졌으면 안 옮긴다.
|
|
55
|
+
|
|
56
|
+
### 이름 없는 메뉴를 **개발 중에 알린다**
|
|
57
|
+
|
|
58
|
+
말귀가 같은 꼴에 한쪽만 이름이 있는 자리를 실측했다(단어표 '더보기' 메뉴 `aria-label=null`,
|
|
59
|
+
이용권 카드 쪽은 `메뉴`). 이름 없는 `role="dialog"` 는 낭독기가 **"대화상자"** 라고만 읽어
|
|
60
|
+
무슨 창인지 알 수 없다. `Popup` 이 쓰는 같은 자로 개발 중에 한 번 알린다.
|
|
61
|
+
|
|
62
|
+
> **`role="menuitem"` 은 아직 안 단다.** 말귀도 "급하지 않다" 고 적었고, 초점 옮기기가 먼저다.
|
|
63
|
+
> 메뉴 역할을 제대로 달려면 화살표 이동·`aria-activedescendant` 까지 함께 가야 하는데, 그건
|
|
64
|
+
> 읽히는 말이 통째로 바뀌는 일이라 겪어 보고 정한다.
|
|
65
|
+
|
|
10
66
|
## 0.244.0
|
|
11
67
|
|
|
12
68
|
### `TrainingCard` 의 제목 급을 고를 수 있다 — 묶음과 **같은 급**으로 서던 것
|