@oneli8/tokens 1.0.0-beta.6 → 1.0.0-beta.8
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 +24 -7
- package/ai-context.json +2 -2
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,19 +1,36 @@
|
|
|
1
1
|
# @oneli8/tokens
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
[](https://www.npmjs.com/package/@oneli8/tokens)
|
|
4
|
+
[](https://github.com/Akshay007ad/OneLi8-Design-System/blob/main/LICENSE)
|
|
5
|
+
|
|
6
|
+
**OneLi8 means One Light.**
|
|
7
|
+
|
|
8
|
+
A design system created by Akshay Dhore, intended for broad human benefit and
|
|
9
|
+
conceived as service to Guruji Shrii Arnav, whose teachings inspire it. Service,
|
|
10
|
+
clarity, harmony, proportion, restraint and evolution guide its decisions.
|
|
11
|
+
|
|
12
|
+
This package is the decisions on their own, with no markup: the vocabulary every
|
|
13
|
+
OneLi8 component reads. It is also the Tailwind package, with a version 3 preset
|
|
14
|
+
and a version 4 bridge.
|
|
4
15
|
|
|
5
16
|
```sh
|
|
6
17
|
npm install @oneli8/tokens
|
|
7
18
|
```
|
|
8
19
|
|
|
9
20
|
```js
|
|
10
|
-
import '@oneli8/tokens/css';
|
|
11
|
-
import { tokens } from '@oneli8/tokens';
|
|
21
|
+
import '@oneli8/tokens/css'; // every token as a :root custom property
|
|
22
|
+
import { tokens } from '@oneli8/tokens'; // flat { 'color-text-primary': '#151817', ... }
|
|
12
23
|
```
|
|
13
24
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
25
|
+
Names are not derived from a rule. Every variable carries an explicit code
|
|
26
|
+
syntax in Figma, recorded verbatim in `src/figma-code-syntax.txt`, so the name a
|
|
27
|
+
component reads is the name the designer set. Where Figma spells two sibling
|
|
28
|
+
tokens differently, this package reproduces both rather than tidying one.
|
|
29
|
+
|
|
30
|
+
The vocabulary is authored across `src/primitive.json`, `src/semantic.json`,
|
|
31
|
+
`src/component.json` and `src/themes.json`, each value carrying its own
|
|
32
|
+
description. Everything under `build/` is generated, so edit the source and
|
|
33
|
+
rebuild rather than the output.
|
|
17
34
|
|
|
18
35
|
## What the vocabulary contains
|
|
19
36
|
|
|
@@ -56,7 +73,7 @@ Two rules matter when consuming it:
|
|
|
56
73
|
| Import | What it gives you |
|
|
57
74
|
|---|---|
|
|
58
75
|
| `@oneli8/tokens` | flat `{ name: value }` map, with a literal union key type |
|
|
59
|
-
| `@oneli8/tokens/css` |
|
|
76
|
+
| `@oneli8/tokens/css` | every token as a CSS custom property |
|
|
60
77
|
| `@oneli8/tokens/tailwind` | Tailwind v3 preset |
|
|
61
78
|
| `@oneli8/tokens/tailwind.css` | Tailwind v4 `@theme` bridge |
|
|
62
79
|
| `@oneli8/tokens/figma` | round trip payload: collections, theme modes, type and elevation styles |
|
package/ai-context.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$comment": "GENERATED by packages/sync/src/build-package-context.mjs — do not edit.",
|
|
3
3
|
"system": "OneLi8",
|
|
4
|
-
"version": "1.0.0-beta.
|
|
4
|
+
"version": "1.0.0-beta.8",
|
|
5
5
|
"meaning": "OneLi8 means One Light.",
|
|
6
6
|
"foundations": {
|
|
7
7
|
"package": "@oneli8/tokens",
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"color-primary-* is an alias ramp onto color-blue-* — identical values, distinct names. Prefer the semantic role over either.",
|
|
14
14
|
"Dimension scale is 3px-atomic. Even multiples for structural layout; odd multiples are deliberate optical or micro-gap choices.",
|
|
15
15
|
"Elevation ink is cyan-840 rgb(22,63,75) — never default black.",
|
|
16
|
-
"Typography roles are composite.
|
|
16
|
+
"Typography roles are composite. Apply a whole role, all five of --ol8-typography-<role>-{font-family,font-size,font-weight,line-height,letter-spacing}, rather than picking loose font vars. This package ships custom properties and no class names.",
|
|
17
17
|
"shape-radius-full (999px) is reserved for pills and circles. Soft hexagons are component-specific recipes, not a radius token."
|
|
18
18
|
]
|
|
19
19
|
},
|
package/package.json
CHANGED