@j-solution/components 1.9.5 → 1.9.7

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 (3) hide show
  1. package/README.md +5 -5
  2. package/assets/styles/main.css +34 -47
  3. package/package.json +1 -1
package/README.md CHANGED
@@ -6,13 +6,13 @@
6
6
 
7
7
  J-Component는 Vue.js 3와 TypeScript를 기반으로 한 재사용 가능한 UI 컴포넌트 라이브러리입니다. shadcn/ui 디자인 시스템과 Atomic Design 패턴을 적용하여 일관성 있고 확장 가능한 컴포넌트를 제공합니다.
8
8
 
9
- ## 🚀 현재 버전: v1.9.5
9
+ ## 🚀 현재 버전: v1.9.7
10
10
 
11
11
  **최신 업데이트 (2026년 2월 23일)**
12
- - **디자인 토큰 시스템**: `--j-space-*`, `--j-control-h`, `--j-grid-*-h` 토큰으로 간격·높이 체계화
13
- - **입력 컨트롤 28px 통일**: Input, Select, Combo, Datepicker, SearchCombo 높이 h-7(28px)로 일원화
14
- - **JSplitter 재설계**: 1px 시각선 + 8px 히트영역 패턴, `.jsplitter-handle` 클래스 기반
15
- - **4px 단위 간격 정규화**: JTabs, JFilterBar, JSearchPanel, JPageContainer, JDynamicForm 전체
12
+ - **main.css NPM 호환성 수정**: `@apply` → 순수 CSS 변환으로 소비자 앱 import 시 PostCSS 의존 제거
13
+ - **디자인 토큰 시스템**: `--j-space-*`, `--j-control-h`, `--j-grid-*-h` 토큰 (v1.9.5)
14
+ - **입력 컨트롤 28px 통일**: Input, Select, Combo, Datepicker, SearchCombo (v1.9.5)
15
+ - **JSplitter 재설계**: 1px 시각선 + 8px 히트영역 패턴 (v1.9.5)
16
16
 
17
17
  [전체 릴리즈 노트 보기](./RELEASE_NOTES.md)
18
18
 
package/assets/styles/main.css CHANGED
@@ -1,48 +1,35 @@
1
- @tailwind base;
2
- @tailwind components;
3
- @tailwind utilities;
4
-
5
- @layer base {
6
- :root {
7
- --radius: 0.5rem;
8
- --j-space-1: 4px;
9
- --j-space-2: 8px;
10
- --j-space-3: 12px;
11
- --j-space-4: 16px;
12
- --j-control-h: 28px;
13
- --j-grid-header-h: 30px;
14
- --j-grid-filter-h: 24px;
15
- --j-grid-row-h: 28px;
16
- --j-grid-footer-h: 28px;
17
- }
18
-
19
- /* 기본 테마 변수는 themes.css에서 :root에 정의됨 */
20
-
21
- /* 다크 모드는 테마 클래스와 함께 작동 */
22
- .dark {
23
- /* 다크 모드 변수는 각 테마에서 정의됨 */
24
- }
25
- }
26
-
27
- @layer base {
28
- /* 전역 border 스타일 적용 */
29
- * {
30
- @apply border-border;
31
- }
32
-
33
- body {
34
- @apply bg-background text-foreground;
35
- font-family:
36
- Pretendard,
37
- -apple-system,
38
- BlinkMacSystemFont,
39
- "Segoe UI",
40
- Roboto,
41
- "Noto Sans KR",
42
- sans-serif;
43
- font-size: 13px;
44
- line-height: 1.4;
45
- }
1
+ :root {
2
+ --radius: 0.5rem;
3
+ --j-space-1: 4px;
4
+ --j-space-2: 8px;
5
+ --j-space-3: 12px;
6
+ --j-space-4: 16px;
7
+ --j-control-h: 28px;
8
+ --j-grid-header-h: 30px;
9
+ --j-grid-filter-h: 24px;
10
+ --j-grid-row-h: 28px;
11
+ --j-grid-footer-h: 28px;
12
+ }
13
+
14
+ .dark {
15
+ /* 다크 모드 변수는 각 테마에서 정의됨 */
16
+ }
17
+
18
+ * {
19
+ border-color: hsl(var(--border));
20
+ }
21
+
22
+ body {
23
+ background-color: hsl(var(--background));
24
+ color: hsl(var(--foreground));
25
+ font-family:
26
+ Pretendard,
27
+ -apple-system,
28
+ BlinkMacSystemFont,
29
+ "Segoe UI",
30
+ Roboto,
31
+ "Noto Sans KR",
32
+ sans-serif;
33
+ font-size: 13px;
34
+ line-height: 1.4;
46
35
  }
47
-
48
-
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@j-solution/components",
3
3
  "description": "Vue 3 Atomic Design component kit for enterprise dashboards",
4
- "version": "1.9.5",
4
+ "version": "1.9.7",
5
5
  "type": "module",
6
6
  "main": "./index.cjs",
7
7
  "module": "./index.js",