sh-ui-cli 0.59.7 → 0.59.8
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.
|
@@ -2,6 +2,19 @@
|
|
|
2
2
|
"$schema": "https://json-schema.org/draft/2020-12/schema",
|
|
3
3
|
"$description": "sh-ui 릴리즈 노트 단일 소스. docs(React)와 showcase(Flutter)가 함께 읽는다. 새 릴리즈마다 맨 앞에 추가.",
|
|
4
4
|
"versions": [
|
|
5
|
+
{
|
|
6
|
+
"version": "0.59.8",
|
|
7
|
+
"date": "2026-05-06",
|
|
8
|
+
"title": "fix — flat standalone globals.css 토큰 import 경로",
|
|
9
|
+
"type": "patch",
|
|
10
|
+
"highlights": [
|
|
11
|
+
"**`sh-ui-cli create --arch flat --structure standalone` 빌드 폭발 수정** — 베이스 `app/globals.css` 가 fsd 경로(`../src/shared/styles/tokens.css`)를 하드코딩하고 있었고 `_arch/flat/` 에 오버라이드가 없어, flat standalone 으로 생성한 프로젝트는 `pnpm dev` 첫 페이지에서 tailwindcss 가 토큰 파일을 못 찾고 CssSyntaxError 로 죽었다.",
|
|
12
|
+
"**오버라이드 추가** — `_arch/flat/app/globals.css` 가 베이스를 덮어 `../lib/styles/tokens.css` 로 토큰을 import. 다른 토큰 주입(`injectCssTheme`)/마커 검증은 이미 flat 경로를 알고 있었어서 그쪽은 변경 불필요.",
|
|
13
|
+
"**회귀 가드** — 기존 flat 가드는 `.ts/.tsx` 만 검사해 `.css` 의 상대 import 누수를 못 잡았다. `globals.css 의 tokens import 가 실재하는 파일을 가리킴` 케이스를 smoke.test 에 추가해 재발 방지.",
|
|
14
|
+
"**영향 범위** — flat + standalone 조합만 해당. fsd standalone, 어떤 monorepo 조합도 영향 없음 (monorepo 는 토큰을 별도 패키지에서 import)."
|
|
15
|
+
],
|
|
16
|
+
"url": "https://github.com/sanghyeonKim0201/sh-ui/releases/tag/v0.59.8"
|
|
17
|
+
},
|
|
5
18
|
{
|
|
6
19
|
"version": "0.59.7",
|
|
7
20
|
"date": "2026-05-06",
|
package/package.json
CHANGED
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
@import 'tailwindcss';
|
|
2
|
+
@import '../lib/styles/tokens.css';
|
|
3
|
+
|
|
4
|
+
@custom-variant dark (&:is(.dark *));
|
|
5
|
+
|
|
6
|
+
/* Tailwind v4 — 토큰 CSS 변수를 utility 클래스로 노출.
|
|
7
|
+
* `bg-primary` / `text-foreground` 같은 클래스가 토큰을 따라가도록 매핑.
|
|
8
|
+
* 옵셔널 색(success/warning/info)은 토큰에 없으면 변수가 undefined 라 browsers 가 단순 무시 — 안전.
|
|
9
|
+
*
|
|
10
|
+
* flat overlay — 베이스(`app/globals.css`)는 fsd 경로로 토큰을 import 하므로
|
|
11
|
+
* flat arch 에서는 이 파일이 베이스를 덮어 `lib/styles/tokens.css` 로 보낸다.
|
|
12
|
+
* 베이스 globals.css 내용 변경 시 이 파일도 동일하게 동기화할 것.
|
|
13
|
+
*/
|
|
14
|
+
@theme inline {
|
|
15
|
+
--color-background: var(--background);
|
|
16
|
+
--color-background-subtle: var(--background-subtle);
|
|
17
|
+
--color-background-muted: var(--background-muted);
|
|
18
|
+
--color-background-inverse: var(--background-inverse);
|
|
19
|
+
--color-foreground: var(--foreground);
|
|
20
|
+
--color-foreground-muted: var(--foreground-muted);
|
|
21
|
+
--color-foreground-subtle: var(--foreground-subtle);
|
|
22
|
+
--color-foreground-inverse: var(--foreground-inverse);
|
|
23
|
+
--color-border: var(--border);
|
|
24
|
+
--color-border-strong: var(--border-strong);
|
|
25
|
+
--color-primary: var(--primary);
|
|
26
|
+
--color-primary-foreground: var(--primary-foreground);
|
|
27
|
+
--color-primary-hover: var(--primary-hover);
|
|
28
|
+
--color-ring: var(--ring);
|
|
29
|
+
--color-danger: var(--danger);
|
|
30
|
+
--color-danger-hover: var(--danger-hover);
|
|
31
|
+
--color-danger-foreground: var(--danger-foreground);
|
|
32
|
+
--color-success: var(--success);
|
|
33
|
+
--color-success-foreground: var(--success-foreground);
|
|
34
|
+
--color-warning: var(--warning);
|
|
35
|
+
--color-warning-foreground: var(--warning-foreground);
|
|
36
|
+
--color-info: var(--info);
|
|
37
|
+
--color-info-foreground: var(--info-foreground);
|
|
38
|
+
--radius-sm: calc(var(--radius) - 2px);
|
|
39
|
+
--radius-md: var(--radius);
|
|
40
|
+
--radius-lg: calc(var(--radius) + 2px);
|
|
41
|
+
--radius-xl: calc(var(--radius) + 4px);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
@layer base {
|
|
45
|
+
body {
|
|
46
|
+
background: var(--background);
|
|
47
|
+
color: var(--foreground);
|
|
48
|
+
}
|
|
49
|
+
}
|