sh-ui-cli 0.56.1 → 0.56.2
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/data/changelog/versions.json +11 -0
- package/package.json +1 -1
- package/templates/nextjs-standalone/README.md +1 -1
- package/templates/nextjs-standalone/app/globals.css +31 -1
- package/templates/nextjs-standalone/package.json +1 -1
- package/templates/ui-app-template/package.json +1 -1
- package/templates/ui-app-template/src/styles/globals.css +31 -1
|
@@ -2,6 +2,17 @@
|
|
|
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.56.2",
|
|
7
|
+
"date": "2026-05-04",
|
|
8
|
+
"title": "fix — 템플릿 globals.css `@theme inline` 누락 + base-ui 패키지명 통일",
|
|
9
|
+
"type": "patch",
|
|
10
|
+
"highlights": [
|
|
11
|
+
"**`globals.css` 에 `@theme inline` 매핑 블록 추가** — `nextjs-standalone` / `ui-app-template` 둘 다. 기존엔 주석에 \"tokens.css 가 자동 emit\" 이라고 적혀 있었지만 실제론 emit 되지 않아, 사용자 프로젝트에서 `bg-primary` / `text-foreground` 같은 Tailwind v4 utility 가 토큰을 못 찾던 문제. 옵셔널 색(success/warning/info × -foreground) 도 함께 매핑.",
|
|
12
|
+
"**템플릿 의존성 `@base-ui-components/react` → `@base-ui/react@^1.4.1`** — registry 컴포넌트는 `import ... from \"@base-ui/react/...\"` 인데 템플릿은 옛 패키지명(`@base-ui-components/react@latest`) 을 박아두고 있어 install 직후 컴포넌트가 module not found 로 깨지던 문제. CLI add 시 자동 설치되는 패키지와도 정렬."
|
|
13
|
+
],
|
|
14
|
+
"url": "https://github.com/sanghyeonKim0201/sh-ui/releases/tag/v0.56.2"
|
|
15
|
+
},
|
|
5
16
|
{
|
|
6
17
|
"version": "0.56.1",
|
|
7
18
|
"date": "2026-05-04",
|
package/package.json
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
- **React 19**
|
|
9
9
|
- **TypeScript 5.9**
|
|
10
10
|
- **Tailwind CSS 4** + **sh-ui** (neutral, radius=md, light-dark)
|
|
11
|
-
- **@base-ui
|
|
11
|
+
- **@base-ui/react** (sh-ui가 의존하는 언스타일드 primitive)
|
|
12
12
|
- **TanStack React Query** + **Axios** (데이터 페칭)
|
|
13
13
|
- **Zustand** (상태 관리)
|
|
14
14
|
- **next-themes** (다크 모드)
|
|
@@ -3,7 +3,37 @@
|
|
|
3
3
|
|
|
4
4
|
@custom-variant dark (&:is(.dark *));
|
|
5
5
|
|
|
6
|
-
/* Tailwind v4
|
|
6
|
+
/* Tailwind v4 — 토큰 CSS 변수를 utility 클래스로 노출.
|
|
7
|
+
* `bg-primary` / `text-foreground` 같은 클래스가 토큰을 따라가도록 매핑.
|
|
8
|
+
* 옵셔널 색(success/warning/info)은 토큰에 없으면 변수가 undefined 라 browsers 가 단순 무시 — 안전.
|
|
9
|
+
*/
|
|
10
|
+
@theme inline {
|
|
11
|
+
--color-background: var(--background);
|
|
12
|
+
--color-background-subtle: var(--background-subtle);
|
|
13
|
+
--color-background-muted: var(--background-muted);
|
|
14
|
+
--color-background-inverse: var(--background-inverse);
|
|
15
|
+
--color-foreground: var(--foreground);
|
|
16
|
+
--color-foreground-muted: var(--foreground-muted);
|
|
17
|
+
--color-foreground-subtle: var(--foreground-subtle);
|
|
18
|
+
--color-foreground-inverse: var(--foreground-inverse);
|
|
19
|
+
--color-border: var(--border);
|
|
20
|
+
--color-border-strong: var(--border-strong);
|
|
21
|
+
--color-primary: var(--primary);
|
|
22
|
+
--color-primary-foreground: var(--primary-foreground);
|
|
23
|
+
--color-primary-hover: var(--primary-hover);
|
|
24
|
+
--color-danger: var(--danger);
|
|
25
|
+
--color-danger-foreground: var(--danger-foreground);
|
|
26
|
+
--color-success: var(--success);
|
|
27
|
+
--color-success-foreground: var(--success-foreground);
|
|
28
|
+
--color-warning: var(--warning);
|
|
29
|
+
--color-warning-foreground: var(--warning-foreground);
|
|
30
|
+
--color-info: var(--info);
|
|
31
|
+
--color-info-foreground: var(--info-foreground);
|
|
32
|
+
--radius-sm: calc(var(--radius) - 2px);
|
|
33
|
+
--radius-md: var(--radius);
|
|
34
|
+
--radius-lg: calc(var(--radius) + 2px);
|
|
35
|
+
--radius-xl: calc(var(--radius) + 4px);
|
|
36
|
+
}
|
|
7
37
|
|
|
8
38
|
@layer base {
|
|
9
39
|
body {
|
|
@@ -7,7 +7,37 @@
|
|
|
7
7
|
|
|
8
8
|
@custom-variant dark (&:is(.dark *));
|
|
9
9
|
|
|
10
|
-
/* Tailwind v4
|
|
10
|
+
/* Tailwind v4 — 토큰 CSS 변수를 utility 클래스로 노출.
|
|
11
|
+
* `bg-primary` / `text-foreground` 같은 클래스가 토큰을 따라가도록 매핑.
|
|
12
|
+
* 옵셔널 색(success/warning/info)은 토큰에 없으면 변수가 undefined 라 browsers 가 단순 무시 — 안전.
|
|
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-danger: var(--danger);
|
|
29
|
+
--color-danger-foreground: var(--danger-foreground);
|
|
30
|
+
--color-success: var(--success);
|
|
31
|
+
--color-success-foreground: var(--success-foreground);
|
|
32
|
+
--color-warning: var(--warning);
|
|
33
|
+
--color-warning-foreground: var(--warning-foreground);
|
|
34
|
+
--color-info: var(--info);
|
|
35
|
+
--color-info-foreground: var(--info-foreground);
|
|
36
|
+
--radius-sm: calc(var(--radius) - 2px);
|
|
37
|
+
--radius-md: var(--radius);
|
|
38
|
+
--radius-lg: calc(var(--radius) + 2px);
|
|
39
|
+
--radius-xl: calc(var(--radius) + 4px);
|
|
40
|
+
}
|
|
11
41
|
|
|
12
42
|
@layer base {
|
|
13
43
|
body {
|