@matteoaliano/forest-ui 0.4.1 โ†’ 0.4.3

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 (5) hide show
  1. package/bin/sync.mjs +25 -1
  2. package/package.json +1 -1
  3. package/skills/forest-agency/SKILL.md +16 -1
  4. package/skills/forest-external/SKILL.md +16 -1
  5. package/skills/forest-internal/SKILL.md +16 -1
package/bin/sync.mjs CHANGED
@@ -7,7 +7,7 @@
7
7
  * directory so Claude Code automatically discovers Forest UI preset rules.
8
8
  */
9
9
 
10
- import { readFileSync, mkdirSync, existsSync, readdirSync, cpSync } from "node:fs";
10
+ import { readFileSync, mkdirSync, existsSync, readdirSync, cpSync, rmSync } from "node:fs";
11
11
  import { resolve, dirname } from "node:path";
12
12
  import { fileURLToPath } from "node:url";
13
13
 
@@ -36,6 +36,30 @@ const projectRoot = findProjectRoot(process.cwd());
36
36
  console.log(`\n๐ŸŒฒ Forest UI โ€” Syncing skills\n`);
37
37
  console.log(` Project root: ${projectRoot}\n`);
38
38
 
39
+ // Clean up legacy guideline files from pre-v0.4.1
40
+ const legacyPaths = [
41
+ resolve(projectRoot, ".claude", "forest-ui.md"),
42
+ resolve(projectRoot, ".cursor", "rules", "forest-ui.mdc"),
43
+ resolve(projectRoot, ".gemini", "forest-ui.md"),
44
+ resolve(projectRoot, ".antigravity", "rules.md"),
45
+ ];
46
+
47
+ let cleaned = 0;
48
+ for (const legacyPath of legacyPaths) {
49
+ if (existsSync(legacyPath)) {
50
+ try {
51
+ rmSync(legacyPath);
52
+ const rel = legacyPath.replace(projectRoot + "/", "");
53
+ console.log(` ๐Ÿงน Removed legacy ${rel}`);
54
+ cleaned++;
55
+ } catch (err) {
56
+ const rel = legacyPath.replace(projectRoot + "/", "");
57
+ console.log(` โš ๏ธ Could not remove ${rel} (${err.message})`);
58
+ }
59
+ }
60
+ }
61
+ if (cleaned > 0) console.log();
62
+
39
63
  let synced = 0;
40
64
  let total = 0;
41
65
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@matteoaliano/forest-ui",
3
- "version": "0.4.1",
3
+ "version": "0.4.3",
4
4
  "description": "Forest Design System โ€” themed MUI components",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",
package/skills/forest-agency/SKILL.md CHANGED
@@ -3,7 +3,7 @@ name: forest-agency
3
3
  description: Forest UI Design System rules for the Agency (charcoal/red) preset. Enforces correct imports, component usage, and theming with @matteoaliano/forest-ui. Use when the project uses forest-ui, forest-agency preset, or when user builds UI components in a forest-ui project. Triggers on "forest", "forest-ui", "forest agency", "@matteoaliano/forest-ui".
4
4
  metadata:
5
5
  author: Forest Design System
6
- version: 0.4.1
6
+ version: 0.4.3
7
7
  ---
8
8
 
9
9
  # Forest UI โ€” Agency Preset
@@ -35,6 +35,21 @@ function App() {
35
35
  }
36
36
  ```
37
37
 
38
+ ## Typography & Fonts
39
+
40
+ - **Aeonik** โ€” the default font for all UI text (headings, body, labels, buttons, etc.)
41
+ - **Aeonik Mono** โ€” use for numeric values: prices, stats, table figures, counters, dates, IDs, code snippets
42
+ - **Alkemy Beta** โ€” reserved exclusively for branding elements (e.g. Logo component). Never use for general UI text
43
+
44
+ Import the font CSS files you need in your app entry point:
45
+
46
+ ```tsx
47
+ import "@matteoaliano/forest-ui/fonts/aeonik/aeonik.css";
48
+ import "@matteoaliano/forest-ui/fonts/aeonik-mono/aeonik-mono.css";
49
+ // Only if using branding/logo elements:
50
+ import "@matteoaliano/forest-ui/fonts/alkemy-beta/alkemy-beta.css";
51
+ ```
52
+
38
53
  ## Available Components
39
54
 
40
55
  **Inputs:** Button, ButtonGroup, TextField, Select + MenuItem, MultiSelect, Checkbox, RadioGroup + Radio, Switch, ToggleButton + ToggleButtonGroup, Fab, IconButton, Autocomplete, Search, DatePicker
package/skills/forest-external/SKILL.md CHANGED
@@ -3,7 +3,7 @@ name: forest-external
3
3
  description: Forest UI Design System rules for the External (violet) preset. Enforces correct imports, component usage, and theming with @matteoaliano/forest-ui. Use when the project uses forest-ui, forest-external preset, or when user builds UI components in a forest-ui project. Triggers on "forest", "forest-ui", "forest external", "@matteoaliano/forest-ui".
4
4
  metadata:
5
5
  author: Forest Design System
6
- version: 0.4.1
6
+ version: 0.4.3
7
7
  ---
8
8
 
9
9
  # Forest UI โ€” External Preset
@@ -35,6 +35,21 @@ function App() {
35
35
  }
36
36
  ```
37
37
 
38
+ ## Typography & Fonts
39
+
40
+ - **Aeonik** โ€” the default font for all UI text (headings, body, labels, buttons, etc.)
41
+ - **Aeonik Mono** โ€” use for numeric values: prices, stats, table figures, counters, dates, IDs, code snippets
42
+ - **Alkemy Beta** โ€” reserved exclusively for branding elements (e.g. Logo component). Never use for general UI text
43
+
44
+ Import the font CSS files you need in your app entry point:
45
+
46
+ ```tsx
47
+ import "@matteoaliano/forest-ui/fonts/aeonik/aeonik.css";
48
+ import "@matteoaliano/forest-ui/fonts/aeonik-mono/aeonik-mono.css";
49
+ // Only if using branding/logo elements:
50
+ import "@matteoaliano/forest-ui/fonts/alkemy-beta/alkemy-beta.css";
51
+ ```
52
+
38
53
  ## Available Components
39
54
 
40
55
  **Inputs:** Button, ButtonGroup, TextField, Select + MenuItem, MultiSelect, Checkbox, RadioGroup + Radio, Switch, ToggleButton + ToggleButtonGroup, Fab, IconButton, Autocomplete, Search, DatePicker
package/skills/forest-internal/SKILL.md CHANGED
@@ -3,7 +3,7 @@ name: forest-internal
3
3
  description: Forest UI Design System rules for the Internal (magenta) preset. Enforces correct imports, component usage, and theming with @matteoaliano/forest-ui. Use when the project uses forest-ui, forest-internal preset, or when user builds UI components in a forest-ui project. Triggers on "forest", "forest-ui", "forest internal", "@matteoaliano/forest-ui".
4
4
  metadata:
5
5
  author: Forest Design System
6
- version: 0.4.1
6
+ version: 0.4.3
7
7
  ---
8
8
 
9
9
  # Forest UI โ€” Internal Preset
@@ -35,6 +35,21 @@ function App() {
35
35
  }
36
36
  ```
37
37
 
38
+ ## Typography & Fonts
39
+
40
+ - **Aeonik** โ€” the default font for all UI text (headings, body, labels, buttons, etc.)
41
+ - **Aeonik Mono** โ€” use for numeric values: prices, stats, table figures, counters, dates, IDs, code snippets
42
+ - **Alkemy Beta** โ€” reserved exclusively for branding elements (e.g. Logo component). Never use for general UI text
43
+
44
+ Import the font CSS files you need in your app entry point:
45
+
46
+ ```tsx
47
+ import "@matteoaliano/forest-ui/fonts/aeonik/aeonik.css";
48
+ import "@matteoaliano/forest-ui/fonts/aeonik-mono/aeonik-mono.css";
49
+ // Only if using branding/logo elements:
50
+ import "@matteoaliano/forest-ui/fonts/alkemy-beta/alkemy-beta.css";
51
+ ```
52
+
38
53
  ## Available Components
39
54
 
40
55
  **Inputs:** Button, ButtonGroup, TextField, Select + MenuItem, MultiSelect, Checkbox, RadioGroup + Radio, Switch, ToggleButton + ToggleButtonGroup, Fab, IconButton, Autocomplete, Search, DatePicker