@konce-pt/tokens 0.2.0 → 0.3.0
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 +12 -0
- package/dist/registry/tokens.json +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
<div align="center">
|
|
2
2
|
|
|
3
|
+
<img src="https://ui.konce.pt/images/koncept_ui_lib.png" alt="Koncept UI — Angular component library" width="100%" />
|
|
4
|
+
|
|
3
5
|
# Koncept UI — Design Tokens
|
|
4
6
|
|
|
5
7
|
**Design tokens for Koncept UI — OKLCH palette, light/dark theme, built with Style Dictionary.**
|
|
@@ -58,6 +60,16 @@ import { tokens } from '@konce-pt/tokens';
|
|
|
58
60
|
|
|
59
61
|
Every token is a `--kpt-*` custom property, e.g. `var(--kpt-color-primary)`, `var(--kpt-space-4)`, `var(--kpt-radius-md)`. Dark theme activates under `[data-theme="dark"]` or `prefers-color-scheme: dark`.
|
|
60
62
|
|
|
63
|
+
## Semantic layer & block allowlist
|
|
64
|
+
|
|
65
|
+
The semantic tier covers surfaces (`surface`, `-raised|-sunken|-hover|-selected`), text (`on-surface`,
|
|
66
|
+
`-muted`; aliases `text`, `text-muted`, `text-subtle`, `text-inverse`), borders, and every accent role
|
|
67
|
+
in full — `primary`/`danger`/`success`/`warning`/`info` each with `-hover`/`-contrast`/`-subtle`/`-border`
|
|
68
|
+
— plus shadows `--kpt-elevation-1..4` (aliases `--kpt-shadow-{sm,md,lg}`).
|
|
69
|
+
|
|
70
|
+
The build also emits **`dist/registry/tokens.json`** — an allowlist (`name`, `value`, `layer`,
|
|
71
|
+
`blockUsable`, `description`) that powers token validation for [Koncept UI blocks](https://ui.konce.pt/cli).
|
|
72
|
+
|
|
61
73
|
## License
|
|
62
74
|
|
|
63
75
|
[MIT](./LICENSE) © konce.pt
|
package/package.json
CHANGED