@ihabdevteam/core 0.228.0 → 0.230.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,54 @@ All notable changes to this project will be documented in this file.
7
7
  > 적은 글이라, 지금 이름으로 고쳐 놓으면 그 시절에 그 이름으로 받은 사람이
8
8
  > 제 이야기를 못 찾는다.
9
9
 
10
+ ## 0.230.0
11
+
12
+ ### 읽기만 하는 채점 표 — 표시가 **자판 정지점과 '버튼' 이라는 말**에서도 빠진다 (말귀 요청 ㊹)
13
+
14
+ 0.228.0(㊷)에서 "누를 수 없는 표" 를 정했는데 그것이 **모양에만 갔다.** 안 매긴 표시는
15
+ 감췄지만 **매긴 표시는 여전히 `<button>`** 이라, 자판으로 하나하나 멈추고 낭독기는
16
+ `낙지 맞음, 버튼` 이라 읽었다 — 누를 수 없는데 누를 수 있다고 말하는 꼴이다.
17
+
18
+ 말귀 실측(아홉 칸 표): 창 안 정지점 **21 곳 중 9 곳이 표시 단추**였고, 아무 일도 안 하는
19
+ 단추를 아홉 번 Tab 으로 지나야 지우기에 닿았다. 덮개를 걷은 뒤 12 곳(닫기 · 종이 굴림 ·
20
+ 재생 아홉 · 지우기).
21
+
22
+ `onMarkClick` 이 없으면 `tabIndex: -1` 과 `role="img"` 가 붙고, 누르는 길(`onClick`)도 안
23
+ 단다. CSS 로 손 모양 커서도 거둔다.
24
+
25
+ - **읽히는 이름은 남긴다.** `inert`·`aria-hidden` 으로 덮으면 *어느 칸을 어떻게 매겼나* 가
26
+ 낭독기에서 통째로 사라져 더 나쁘다. '버튼' 이라는 말과 정지점만 뺀다.
27
+ - **`pointer-events: none` 으로 막지 않는다.** 마우스를 얹으면 뜨는 이름(`맞음`·`애매`·
28
+ `틀림`, 0.223.0 ㊴)은 읽기만 하는 표에서도 쓸모가 있다.
29
+ - **꼴을 `<span>` 으로 바꾸지 않는다.** 그러면 `Button` 이 쥔 모양 셈(`type`·`size`·
30
+ `variant`·`selected`·`shape`)을 `WordTable` 에서 다시 적어야 한다 — 오늘 ㊶·㊷·㊸ 에서
31
+ 내내 걷어 낸 바로 그 꼴이다.
32
+
33
+ **조건은 ㊷ 과 같은 하나(`onMarkClick` 유무)다 — 새 프롭이 없다.** 이것은 새 기능이 아니라
34
+ ㊷ 에서 내린 결정이 **모양에만 적용돼 있던 것**을 자판과 낭독기까지 넓힌 것이다.
35
+
36
+ ## 0.229.0
37
+
38
+ ### 채점 표시 ○ · △ · ✕ 가 **동그라미**가 된다 (말귀 요청 ㊸)
39
+
40
+ **모습이 달라진다 — `scoring` 을 쓰는 표가 있으면 먼저 본다.** 표시가 모서리 둥근
41
+ 네모(40px 에서 10px)에서 **동그라미**로 바뀐다.
42
+
43
+ 같은 평가를 말하는 창 머리의 셈과 낱말 목록은 `CircleBadge`(50%)인데, 표 칸의 표시만
44
+ `Button` 기본 모양(`shape="rounded"`)이라 **한 창 안에서 같은 뜻이 두 모양**으로 섰다.
45
+ 사용자가 두 번 짚었다.
46
+
47
+ `type="dot"` 은 `size × size` 네모 단추라 **`shape="pill"`(9999px)이 곧 동그라미**다 —
48
+ `--button-rounded-radius: 50%` 를 따로 주지 않는다. 이미 있는 프롭으로 닿는다.
49
+ 브라우저 실측: 34×34 · `border-radius: 9999px`.
50
+
51
+ **프롭으로 열지 않는다.** 둥근 네모를 원하는 자리가 하나도 없고, 열어 두면 **같은 결정을
52
+ 자리마다 다시 적어야** 한다 — 말귀가 실제로 그렇게 갈렸다(한쪽에만 걸어 두었더니 회차
53
+ 창은 동그라미, 채점 창은 둥근 네모). 조건이 하나면 스위치도 하나다(㊷ 에서 `scoreScale`
54
+ 프롭을 안 만든 것과 같은 결).
55
+
56
+ > 소비자가 `--button-rounded-radius: 50%` 로 덮고 있었다면 그 CSS 는 이제 걷어도 된다.
57
+
10
58
  ## 0.228.0
11
59
 
12
60
  ### 읽기만 하는 채점 표 — **표시 되감기와 ○△✕ 드러내기를 끈다** (말귀 요청 ㊷)