@ihabdevteam/core 0.195.0 → 0.196.0

package/CHANGELOG.md

@@ -7,6 +7,67 @@ All notable changes to this project will be documented in this file.
 > 적은 글이라, 지금 이름으로 고쳐 놓으면 그 시절에 그 이름으로 받은 사람이
 > 제 이야기를 못 찾는다.
 
+## 0.196.0
+
+### 바뀜 — `SideNav` 좌우 여백 **12px → 8px**, 수 대신 토큰
+
+사장님 지시(2026-09-25). `.side-nav__menu` 의 `padding: 0 12px` 를 `0 var(--spacing-xs)` 로 바꿨다.
+토큰으로 적는 것은 여백이 움직일 때 **한 자리에서** 움직이게 하려는 것이다 — `--spacing-xs` 는
+토큰 파일에서 한 번만 정해지고 끊는 자리마다 다시 정하는 곳이 없다(`--spacing-content`·
+`--spacing-page` 와 다른 점이라 확인하고 썼다).
+
+실측(놀이터 1280px, 클래식 스크롤바): 좌 20 / 우 20(대칭 그대로) · 항목 폭 178 · 가로 넘침 0 ·
+글자 잘린 항목 0. `scrollbar-gutter: stable both-edges` 가 살아 있어 좌우는 여전히 같다.
+그 자리 주석의 실측값도 새 값으로 고쳤다(오버레이 13/13 → 9/9, 클래식 24/24 → 20/20).
+
+**접힌 72px 레일은 안 건드렸다** — 거기 `padding: 0 10px` 에는 "gutter 를 떼야 항목이 50px 로
+선다" 는 셈이 달려 있어 함께 낮추면 어긋난다. 그쪽은 따로 정할 일이다.
+
+### 글·시험 — 앞선 판들에서 밀린 것
+
+- **`closeDisabled` 가 무엇을 막는지** 타입 도움말에 적고 `test/closeDisabledAfterOpen0925.test.tsx`
+  로 굳혔다. 열린 뒤에 켜도 **✕ · ESC · 바깥 누르기 셋 다 막힌다**(실측). ✕ 의 `.disabled` 가
+  `false` 인 것은 초점을 쥔 단추에 native `disabled` 를 걸면 브라우저가 초점을 body 로 빼앗기
+  때문이고(`Button` 의 `hasFocus`), 막힘은 `aria-disabled` 가 진다. **잴 때는 속성이 아니라
+  결과를 보고, 닫기 애니메이션(260ms)을 넘겨서 재야 한다.**
+- **이름을 가져가면 그 목록을 적는다** 는 규칙을 `RELEASE.md` 에 남겼다(0.195.0 에서 빠뜨렸다가
+  0.195.1 에 모아 적은 일).
+
+## 0.195.1
+
+### 고침 — 게임 **판 점의 상태 빛깔이 껍데기 바탕에 덮였다** (`gameShell.css`)
+
+0.195.0 으로 갈아타자 판 점의 상태('지금 이 판' 의 하늘빛 + 글로우, '틀림')가 **제 색을 잃고**
+껍데기의 바탕(흰 14%)으로 떨어졌다(말귀 실측 2026-09-25). 껍데기의 `.game-rounds__dot` 과 게임의
+상태 규칙이 둘 다 클래스 하나(0,1,0)인데 **코어 CSS 가 앱보다 뒤에 읽혀** 이겼다.
+
+시트에는 `.game-sheet.game-sheet--play` 로 특이도를 올려 이 함정을 막아 두었으면서 **점에는 안
+했다** — 같은 함정을 한 자리에서만 막은 셈이다.
+
+특이도를 올리는 것으로는 반만 풀린다. **코어가 모르는 상태**(`--current` 처럼 게임에만 있는 것)는
+여전히 지기 때문이다. 그래서 서로 다른 성질을 쓴다 — 껍데기는 `--game-dot` 을 **읽고**, 상태는 그
+변수를 **쓴다.** 두 규칙이 부딪히지 않으니 차례도 특이도도 상관없다.
+
+```css
+/* 게임 쪽 */
+.tg-rounds__dot--current { --game-dot: #7dd3fc; transform: scale(1.3); box-shadow: 0 0 8px …; }
+```
+
+`.game-rounds__dot--correct` · `--wrong` 도 `background` 대신 `--game-dot` 을 쓴다. 같은 까닭으로
+`.game-rounds__label` 의 빛깔은 `--game-muted` 로 얹는다.
+
+### 껍데기가 **이제 이 이름들을 든다** (0.195.0 부터)
+
+갈아타면서 앱 마크업에 옛 이름을 남겨 두면 **아무것도 안 칠하는 이름**이 된다. 0.195.0 이 드는
+것을 한자리에 적어 둔다(말귀 요청):
+
+`game-overlay` · `game-sheet--play`(놀이 중 꼴만) · `game-play-header` · `game-play-header__icon` ·
+`game-timer` · `game-timer__label` · `game-timer-slider-wrap` · `game-rounds` · `game-rounds__dot` ·
+`game-rounds__dot--correct` · `game-rounds__dot--wrong` · `game-rounds__label` · `game-feedback` ·
+`game-feedback--hidden` · `game-result` · `game-result__emoji` · `game-result__emoji-ring` ·
+`game-result__item` · `game-result__status` · `game-result__pct-row` · `game-result__footer` ·
+`game-result__list`
+
 ## 0.195.0
 
 ### 더해짐 — **게임 껍데기 한 벌** (`gameShell.css`)