@chayns-ui/core 0.2.0 → 0.2.1
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/README.md +48 -1
- package/package.json +6 -1
package/README.md
CHANGED
|
@@ -1,3 +1,50 @@
|
|
|
1
1
|
# @chayns-ui/core
|
|
2
2
|
|
|
3
|
-
React
|
|
3
|
+
Barrierefreie React-Core-Komponenten für chayns UI. ESM-only, ohne
|
|
4
|
+
Business-Logik, ohne Laufzeit-CSS-Injektion. Komponenten- und Token-CSS werden
|
|
5
|
+
ausdrücklich importiert, damit Tree-Shaking nur das Genutzte ins Bundle nimmt.
|
|
6
|
+
|
|
7
|
+
- **Storybook (Live):** https://tobitsoftware.github.io/chayns-ui/
|
|
8
|
+
- **Repository & Mitwirken:** https://github.com/TobitSoftware/chayns-ui
|
|
9
|
+
|
|
10
|
+
## Installation
|
|
11
|
+
|
|
12
|
+
```sh
|
|
13
|
+
pnpm add @chayns-ui/core @chayns-ui/tokens react
|
|
14
|
+
```
|
|
15
|
+
|
|
16
|
+
`react >= 19.2` ist eine Peer Dependency. `@chayns-ui/tokens` liefert die
|
|
17
|
+
Design-Token-Basis.
|
|
18
|
+
|
|
19
|
+
## Verwendung
|
|
20
|
+
|
|
21
|
+
```tsx
|
|
22
|
+
import { Button, IconButton } from '@chayns-ui/core';
|
|
23
|
+
|
|
24
|
+
// Einmal pro App:
|
|
25
|
+
import '@chayns-ui/tokens/baseline.css';
|
|
26
|
+
import '@chayns-ui/tokens/patch.css';
|
|
27
|
+
|
|
28
|
+
// Pro genutzter Komponente:
|
|
29
|
+
import '@chayns-ui/core/button.css';
|
|
30
|
+
|
|
31
|
+
<Button icon="fa-floppy-disk" variant="primary">Speichern</Button>;
|
|
32
|
+
<IconButton aria-label="Optionen" icon="fa-ellipsis" variant="ghost" />;
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
## Enthaltene Komponenten
|
|
36
|
+
|
|
37
|
+
| Import | CSS-Export |
|
|
38
|
+
|---|---|
|
|
39
|
+
| `Button`, `IconButton` | `@chayns-ui/core/button.css` |
|
|
40
|
+
| `Card` | `@chayns-ui/core/card.css` |
|
|
41
|
+
| `List`, `ListItem` | `@chayns-ui/core/list.css` |
|
|
42
|
+
| `Accordion`, `AccordionGroup` | `@chayns-ui/core/accordion.css` |
|
|
43
|
+
|
|
44
|
+
Alternativ lädt `@chayns-ui/core/styles.css` das gebündelte CSS aller Komponenten.
|
|
45
|
+
|
|
46
|
+
## Hinweise
|
|
47
|
+
|
|
48
|
+
Die Bibliothek lädt keine Fonts, injiziert kein CSS und kalibriert keine
|
|
49
|
+
Accent-Farbe zur Laufzeit. Farb-, Dichte- und Motion-Eingaben kommen aus den
|
|
50
|
+
Design Tokens der Anwendung.
|
package/package.json
CHANGED
|
@@ -1,9 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@chayns-ui/core",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.1",
|
|
4
4
|
"description": "Accessible React core components for chayns UI",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
7
|
+
"repository": {
|
|
8
|
+
"type": "git",
|
|
9
|
+
"url": "git+https://github.com/TobitSoftware/chayns-ui.git",
|
|
10
|
+
"directory": "packages/core"
|
|
11
|
+
},
|
|
7
12
|
"sideEffects": [
|
|
8
13
|
"**/*.css"
|
|
9
14
|
],
|