@donkit-ai/design-system 1.4.79 → 1.4.81
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 +42 -2
- package/dist/appearance.json +44 -0
- package/dist/index.cjs.js +4 -4
- package/dist/index.d.ts +69 -0
- package/dist/index.es.js +1603 -1514
- package/dist/tokens.css +1 -1
- package/package.json +3 -2
package/README.md
CHANGED
|
@@ -16,9 +16,49 @@ import '@donkit-ai/design-system/tokens.css';
|
|
|
16
16
|
// import '@donkit-ai/design-system/light.css';
|
|
17
17
|
// import '@donkit-ai/design-system/high-contrast.css';
|
|
18
18
|
|
|
19
|
-
import { Button, Input, Card } from '@donkit-ai/design-system';
|
|
19
|
+
import { Button, Input, Card, LocaleProvider } from '@donkit-ai/design-system';
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Appearance manifest
|
|
23
|
+
|
|
24
|
+
Hosts should read brand capability from the package (do not hardcode skins per product):
|
|
25
|
+
|
|
26
|
+
```js
|
|
27
|
+
import appearance from '@donkit-ai/design-system/appearance.json';
|
|
28
|
+
// appearance.themes, .variants, .typography, .density, .fonts
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
| | |
|
|
32
|
+
|---|---|
|
|
33
|
+
| brand | `donkit` |
|
|
34
|
+
| themes | `light`, `high-contrast` |
|
|
35
|
+
| variants | `edgy` |
|
|
36
|
+
| typography | `editorial` |
|
|
37
|
+
| density | `compact`, `airy` |
|
|
38
|
+
|
|
39
|
+
## Font contract
|
|
40
|
+
|
|
41
|
+
**This package does not embed font binaries.** Host loads webfonts (e.g. `public/fonts/`) and must match the families in CSS variables.
|
|
42
|
+
|
|
43
|
+
| Role | CSS variable | Family | Files (host) |
|
|
44
|
+
|------|--------------|--------|--------------|
|
|
45
|
+
| UI | `--font-ui` | **Inter** | (host-provided) |
|
|
46
|
+
| Mono | `--font-mono` | **Fira Code** | FiraCode-Variable.woff2 |
|
|
47
|
+
|
|
48
|
+
Font binaries are NOT in the package. Host loads fonts.files when self-hosting. data-variant=edgy and data-typography=editorial are supported product skins.
|
|
49
|
+
|
|
50
|
+
## Locale
|
|
51
|
+
|
|
52
|
+
Chrome strings (Close, Loading, …) default to English. Override via `LocaleProvider`:
|
|
53
|
+
|
|
54
|
+
```js
|
|
55
|
+
import { LocaleProvider } from '@donkit-ai/design-system';
|
|
56
|
+
|
|
57
|
+
<LocaleProvider strings={{ close: 'Закрыть', loading: 'Загрузка' }}>
|
|
58
|
+
<App />
|
|
59
|
+
</LocaleProvider>
|
|
20
60
|
```
|
|
21
61
|
|
|
22
62
|
## Version
|
|
23
63
|
|
|
24
|
-
`1.4.
|
|
64
|
+
`1.4.81` — built from the shared design-system source. Brand tokens are selected at package build time; each published package only contains its own brand assets.
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
{
|
|
2
|
+
"brand": "donkit",
|
|
3
|
+
"themes": [
|
|
4
|
+
"light",
|
|
5
|
+
"high-contrast"
|
|
6
|
+
],
|
|
7
|
+
"variants": [
|
|
8
|
+
"edgy"
|
|
9
|
+
],
|
|
10
|
+
"typography": [
|
|
11
|
+
"editorial"
|
|
12
|
+
],
|
|
13
|
+
"density": [
|
|
14
|
+
"compact",
|
|
15
|
+
"airy"
|
|
16
|
+
],
|
|
17
|
+
"fonts": {
|
|
18
|
+
"ui": {
|
|
19
|
+
"family": "Inter",
|
|
20
|
+
"cssVar": "--font-ui",
|
|
21
|
+
"files": [],
|
|
22
|
+
"weights": [
|
|
23
|
+
400,
|
|
24
|
+
500,
|
|
25
|
+
600
|
|
26
|
+
],
|
|
27
|
+
"fallback": "system-ui, Avenir, Helvetica, Arial, sans-serif",
|
|
28
|
+
"notes": "Typically loaded by host (Google Fonts or self-host). Empty files[] = host chooses delivery."
|
|
29
|
+
},
|
|
30
|
+
"mono": {
|
|
31
|
+
"family": "Fira Code",
|
|
32
|
+
"cssVar": "--font-mono",
|
|
33
|
+
"files": [
|
|
34
|
+
"FiraCode-Variable.woff2"
|
|
35
|
+
],
|
|
36
|
+
"weights": [
|
|
37
|
+
400,
|
|
38
|
+
500
|
|
39
|
+
],
|
|
40
|
+
"fallback": "ui-monospace, \"SF Mono\", Menlo, Consolas, monospace"
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
"notes": "Font binaries are NOT in the package. Host loads fonts.files when self-hosting. data-variant=edgy and data-typography=editorial are supported product skins."
|
|
44
|
+
}
|