@ihabdevteam/core 0.188.0 → 0.190.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.
Files changed (28) hide show
  1. package/CHANGELOG.md +69 -0
  2. package/dist/components.cjs.js +180 -180
  3. package/dist/components.esm.css +3 -3
  4. package/dist/hooks.cjs.js +1 -1
  5. package/dist/i18n.cjs.js +1 -1
  6. package/dist/ihabdevteam-core.cjs.js +186 -186
  7. package/dist/ihabdevteam-core.d.ts +161 -4
  8. package/dist/packages/core/src/components/ChartSection.css +18 -3
  9. package/dist/packages/core/src/components/ChartSection.d.ts +12 -1
  10. package/dist/packages/core/src/components/ChartSection.js +3 -2
  11. package/dist/packages/core/src/components/LineChart.css +52 -0
  12. package/dist/packages/core/src/components/LineChart.d.ts +84 -0
  13. package/dist/packages/core/src/components/LineChart.js +59 -0
  14. package/dist/packages/core/src/components/Popup/Popup.css +38 -0
  15. package/dist/packages/core/src/components/Popup/Popup.d.ts +16 -0
  16. package/dist/packages/core/src/components/Popup/Popup.js +5 -2
  17. package/dist/packages/core/src/components/SectionHeadFloat.css +25 -0
  18. package/dist/packages/core/src/components/SectionHeadFloat.d.ts +28 -0
  19. package/dist/packages/core/src/components/SectionHeadFloat.js +54 -0
  20. package/dist/packages/core/src/components/WordTable.css +10 -0
  21. package/dist/packages/core/src/components/WordTable.d.ts +17 -2
  22. package/dist/packages/core/src/components/WordTable.js +13 -2
  23. package/dist/packages/core/src/components.d.ts +4 -0
  24. package/dist/packages/core/src/components.js +2 -0
  25. package/dist/packages/core/src/version.d.ts +1 -1
  26. package/dist/packages/core/src/version.js +1 -1
  27. package/dist/utils.cjs.js +1 -1
  28. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -7,6 +7,75 @@ All notable changes to this project will be documented in this file.
7
7
  > 적은 글이라, 지금 이름으로 고쳐 놓으면 그 시절에 그 이름으로 받은 사람이
8
8
  > 제 이야기를 못 찾는다.
9
9
 
10
+ ## 0.190.0
11
+
12
+ ### 더해짐 — `Popup` 바닥 줄의 **두 덩이** (`footerStart` · `footerEnd`)
13
+
14
+ `footerLayout: 'between'` 은 **직계 자식만** 양끝으로 민다. 그래서 "왼쪽 보조 단추 여럿 · 오른쪽 주
15
+ 단추 여럿" 을 만들려면 부르는 쪽이 덩이 둘을 손수 지어야 했고, 그 규칙이 창마다 한 벌씩 생겼다 —
16
+ 말귀에 **다섯 쌍, 쌍마다 한 글자도 안 달랐다**(2026-09-24). 바닥 줄의 자리 잡기는 그 창을 쓰는
17
+ 화면의 일이 아니라 **창의 일**이다.
18
+
19
+ ```tsx
20
+ <Popup title="플랜 실행"
21
+ footerStart={<>{아이콘단추들}</>}
22
+ footerEnd={<><Button label="숙제 보내기" /><Button label="훈련 시작" variant="main" /></>} />
23
+ ```
24
+
25
+ - 간격은 **안쪽보다 사이가 넓다**(`--spacing-xs` · `--spacing-s` < `--spacing-l`). 좁아져 줄이
26
+ 바뀌어도 두 덩이가 한 덩이로 섞여 보이지 않게 하는 것이 이 차이의 일이다.
27
+ - 좁으면 **덩이째 줄을 바꾸고**, 그러고도 넘치면 안쪽 단추가 줄어든다. 덩이에 `flex-shrink: 0` 을
28
+ 두면 단추가 제 최소 폭(120px)으로 버텨 그대로 창 밖으로 나간다 — 375px 에서 오른쪽 둘이 25px
29
+ 넘쳐 잘렸다(실측). 0.185.0 에서 바닥이 잘려 못 누르던 그 꼴이라 막아 둔다.
30
+ - 오른쪽 덩이는 **새 줄에서도 오른쪽 끝**에 선다. 왼쪽을 안 줘도 그렇다.
31
+ - 둘 중 하나만 줘도 되고, 주면 `footer`·`buttons` 보다 이쪽이 그려진다. render-prop 으로 주면
32
+ 다른 슬롯과 같이 닫기 손잡이(`closeWithAnimation`)를 받는다.
33
+
34
+ ### 글 고침 — `LineChart` 의 `axisTitle`
35
+
36
+ "안 주면…" 이라 적혀 있어 기본값이 있는 것처럼 읽혔다. 실제로는 **안 주면 아무것도 안 그린다**
37
+ (코어는 부르는 쪽의 사전을 모른다). 늘 같은 말이 붙는 화면이라면 감싸개에서 기본값을 들라고
38
+ 함께 적었다 — 말귀가 이미 그렇게 하고 있다.
39
+
40
+ ## 0.189.0
41
+
42
+ 말귀 전수 검사(2026-09-24)에서 올라온 셋 — 모두 **같은 규칙이 앱에 두 벌씩** 있던 것들이다.
43
+ 한쪽을 고치면 다른 쪽은 안 고쳐지는 꼴이라 코어로 들인다. 계약은 `test/coreRequests0924.test.ts` 에.
44
+
45
+ ### 더해짐 — `LineChart`
46
+
47
+ 코어 차트가 막대 · 링 · 스탯 · 타임라인 넷뿐이라 "시간·조건에 따라 값이 어떻게 흐르는가" 를 그릴 것이
48
+ 없었다. 앱이 SVG 로 손수 그렸다(말귀 `SentenceLineChart` 149줄, 쓰는 자리 셋).
49
+
50
+ 축 · 눈금 · 격자 · 점 · 선, 세로 0~100% 고정, 가로 범위는 부르는 쪽. **제 상자를 재어 배율 1 로
51
+ 그린다** — `viewBox` 를 상자보다 좁게 두면 SVG 가 통째로 늘어나 **글자까지 커진다**(말귀 실측 1.22배,
52
+ 사용자 지적 2026-09-17). 못 재는 자리에서는 `fallbackWidth` 로 그릴 뿐 안 깨진다.
53
+
54
+ - `hollow` — 믿기 이른 점은 속을 비우고 **선에서도 뺀다.**
55
+ - `description` — 점에 마우스를 얹으면 뜸(120ms) 뒤에 뜬다. 낭독기에는 `aria-label` 이 점들을 한 줄로 읽는다.
56
+ - `overlay` — **자(`x` · `y` · `plot`)를 받아 덧그린다.** 면 칠하기 · 기준선 · 닿는 자리 짚기처럼
57
+ 그 화면에만 있는 말은 앱 몫으로 남기되, 좌표 셈을 다시 하지 않게 한다.
58
+
59
+ ### 더해짐 — `SectionHeadFloat` · `ChartSection` 의 `headFloat`
60
+
61
+ 카드 머리 오른쪽에 **띄우는** 단추 줄. 흐름에서 빼는 까닭은 자리가 아니라 **높이**다 — 40px 단추를
62
+ 제목 줄에 함께 세우면 제목 줄이 그만큼 커진다. 앱 두 곳이 `top/right: 19px` 라는 **카드 안쪽 여백**을
63
+ 베껴 적고 있었다(그 수를 아는 쪽은 카드다).
64
+
65
+ - 자리는 `--card-pad` 를 따른다 — `manager-section` 이 제 여백을 그 변수로 내보낸다(19px, 좁은 화면 17px).
66
+ - **600px 이하에서는 흐름으로 되돌린다** — 띄운 채로 두면 제목과 아랫줄을 덮는다(두 곳 다 겪었다).
67
+ - **제 폭을 재어 부모에 `--section-head-float-w` 로 적는다.** 띄운 줄이 덮는 만큼 비워 두려고 앱이
68
+ 눈대중으로 `padding-right: 260px` 를 적고 있었다 — 코어 카드는 이제 잰 값으로 비운다.
69
+
70
+ ### 바뀜 — `WordTable` 의 `fitHeight` 가 **높이를 함께 받는다**
71
+
72
+ `boolean` 이던 것이 `number` 나 `{ wide, narrow }` 도 받는다. 수를 주면 **담는 틀을 표가 스스로**
73
+ 두르고 그 안에서 가로·세로 가운데에 선다. `{ wide, narrow }` 는 좁은 화면(767px 이하)에서 낮은 쪽을
74
+ 쓴다 — 좁으면 폭이 먼저 걸려 표가 가로에 맞춰 줄고 상자 아래가 비기 때문이다(말귀 실측 375px:
75
+ 320px 상자에 183px 표). `true` 는 예전 그대로 부모가 높이 제한 박스여야 한다.
76
+
77
+ 앱마다 이 틀을 손수 만들다 보니 같은 규칙이 여러 벌이 됐다 — 말귀 두 벌은 **주석 문장까지 같았다.**
78
+
10
79
  ## 0.188.0
11
80
 
12
81
  ### 바뀜 — `CountTile` 의 호버 툴팁은 **담긴 훈련**이다 (0.187.0 정정)