atomsystem 0.1.37 → 0.1.39

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 (16) hide show
  1. package/app/templates/Button/Button.tsx +7 -3
  2. package/app/templates/Button/button.css +106 -46
  3. package/app/templates/Dropdown/Dropdown.css +112 -0
  4. package/app/templates/Dropdown/Dropdown.tsx +103 -0
  5. package/app/templates/Form/Form.tsx +1 -1
  6. package/app/templates/Navigation/Navigation.tsx +34 -287
  7. package/app/templates/Navigation/navigation.css +11 -64
  8. package/app/templates/Sidemenu/Sidemenu.tsx +55 -0
  9. package/app/templates/Sidemenu/sidemenu.css +4 -0
  10. package/build/css/_variables.css +250 -366
  11. package/build/typescript/theme.ts +5 -13
  12. package/cli/add.js +3 -0
  13. package/cli/init.js +1 -1
  14. package/css/text.css +11 -18
  15. package/package.json +5 -2
  16. package/tokens/tokens.json +266 -238
package/cli/add.js CHANGED
@@ -20,6 +20,7 @@ const components = [
20
20
  "Collapse",
21
21
  "CodeBlock",
22
22
  "Navigation",
23
+ "Sidemenu",
23
24
  "Input",
24
25
  "Theme",
25
26
  "Tab",
@@ -28,8 +29,10 @@ const components = [
28
29
  "Table",
29
30
  "Modal",
30
31
  "TOC",
32
+ "Dropdown",
31
33
  ]; // 여기 추가할 컴포넌트 목록
32
34
 
35
+
33
36
  // 명령어에서 컴포넌트 이름 가져오기
34
37
  const args = process.argv.slice(2); // 'npx atomsystem-add Button -> [Button]'
35
38
  const component = args[0] || "all"; // '사용자가 입력하지 않으면 기본적으로 'all''
package/cli/init.js CHANGED
@@ -143,7 +143,7 @@ export default function Page() {
143
143
  <main style={{ padding: "40px", minHeight: "100vh", background: "var(--color-bg-wrapper)", transition: "background 0.3s ease" }}>
144
144
  <div style={{ maxWidth: "800px", margin: "0 auto", display: "flex", flexDirection: "column", gap: "24px" }}>
145
145
  <h1 style={{ fontSize: "var(--font-sizes-h2)", color: "var(--color-text-standard)", margin: 0 }}>Hello, atomsystem!</h1>
146
- <p style={{ color: "var(--color-text-standard)", fontSize: "var(--font-sizes-body)", margin: 0 }}>
146
+ <p style={{ fontSize: "var(--font-sizes-body)", margin: 0 }}>
147
147
  이 화면은 디자인 토큰이 적용된 샘플 화면입니다. 아래 테마를 변경해보세요.
148
148
  </p>
149
149
 
package/css/text.css CHANGED
@@ -2,24 +2,17 @@ body{
2
2
  @apply text-text-standard
3
3
  }
4
4
 
5
- h1{
6
- @apply text-h1 font-header
7
- }
8
- h2{
9
- @apply text-h2 font-header
10
- }
11
- h3{
12
- @apply text-h3 font-header
13
- }
14
- h4{
15
- @apply text-h4 font-header
16
- }
17
- h5{
18
- @apply text-h5 font-header
19
- }
20
- h6{
21
- @apply text-h6 font-header
5
+ h1, h2, h3, h4, h5, h6 {
6
+ @apply text-text-title font-header
22
7
  }
8
+
9
+ h1{ @apply text-h1 }
10
+ h2{ @apply text-h2 }
11
+ h3{ @apply text-h3 }
12
+ h4{ @apply text-h4 }
13
+ h5{ @apply text-h5 }
14
+ h6{ @apply text-h6 }
15
+
23
16
  p{
24
- @apply text-body
17
+ @apply text-text-body text-body
25
18
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "atomsystem",
3
- "version": "0.1.37",
3
+ "version": "0.1.39",
4
4
  "type": "module",
5
5
  "homepage": "https://system.atomground.com",
6
6
  "bin": {
@@ -40,14 +40,17 @@
40
40
  "gsap": "^3.12.7",
41
41
  "highlight.js": "^11.11.1",
42
42
  "inquirer": "^12.4.2",
43
+ "lucide-react": "^1.7.0",
43
44
  "next": "15.2.8",
44
45
  "ora": "^9.3.0",
45
46
  "react": "^18.0.0",
46
47
  "react-dom": "^18.0.0",
47
48
  "react-modal": "^3.16.3",
48
49
  "react-responsive": "^10.0.1",
50
+ "remark-gfm": "^4.0.1",
49
51
  "sd-tailwindcss-transformer": "^2.0.0",
50
- "style-dictionary": "^4.2.0"
52
+ "style-dictionary": "^4.2.0",
53
+ "tailwind-merge": "^3.5.0"
51
54
  },
52
55
  "devDependencies": {
53
56
  "@types/node": "^20",