@matteoaliano/forest-ui 0.4.2 → 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.
package/package.json
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.
|
|
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
|
|
@@ -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.
|
|
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
|
|
@@ -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.
|
|
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
|