@oneli8/react 1.0.0-beta.4 → 1.0.0-beta.5
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 +27 -1
- package/ai-context.json +1 -1
- package/package.json +29 -8
package/README.md
CHANGED
|
@@ -48,6 +48,32 @@ Point your agent at them:
|
|
|
48
48
|
Read @oneli8/react/ai-context.json and PRINCIPLES.md before writing any OneLi8 UI.
|
|
49
49
|
```
|
|
50
50
|
|
|
51
|
+
## Why this exists
|
|
52
|
+
|
|
53
|
+
OneLi8 means One Light. It was created by Akshay Dhore, intended for broad human
|
|
54
|
+
benefit and conceived as service to Guruji Shrii Arnav, whose teachings inspire
|
|
55
|
+
it. Service, clarity, harmony, proportion, restraint and evolution guide its
|
|
56
|
+
decisions. `PRINCIPLES.md` ships inside this package and sets them out in full.
|
|
57
|
+
|
|
58
|
+
The practical intention: most design systems hand you components and hope you
|
|
59
|
+
stay inside them. This one hands you the reasoning too, so when you need
|
|
60
|
+
something it does not ship you can build it and have it still belong.
|
|
61
|
+
|
|
62
|
+
## Naming
|
|
63
|
+
|
|
64
|
+
The structure is borrowed from Sanskrit grammar rather than a CSS convention.
|
|
65
|
+
|
|
66
|
+
**A compound naming one thing is one word.** `actionprimary` is not action plus
|
|
67
|
+
primary, it is a single role. `cutedge` is one feature of the Gem material.
|
|
68
|
+
|
|
69
|
+
**A qualifier stays separate from what it qualifies.** In
|
|
70
|
+
`--ol8-material-control-gem--primary-hover-start`, `hover` is a state applied to
|
|
71
|
+
`start`, so it keeps its hyphen. That is why `disabledcontent` is joined and
|
|
72
|
+
`hover-start` is not.
|
|
73
|
+
|
|
74
|
+
Hyphens separate levels of the hierarchy, never words inside a level. The words
|
|
75
|
+
themselves stay readable: no abbreviations and no truncation.
|
|
76
|
+
|
|
51
77
|
## Rules that matter most
|
|
52
78
|
|
|
53
79
|
Reach for a **semantic** token, never a primitive and never a literal.
|
|
@@ -58,7 +84,7 @@ Every dimension sits on the **3px grid**. An exception needs an approval record.
|
|
|
58
84
|
|
|
59
85
|
Icons come from the pool. `OL8_ICONS` is the whole set, an invented name throws.
|
|
60
86
|
A new glyph is a 24px neutral source on the shared **1.8 stroke**, never a
|
|
61
|
-
per
|
|
87
|
+
per size stroke.
|
|
62
88
|
|
|
63
89
|
Margins belong to the parent, never to the component.
|
|
64
90
|
|
package/ai-context.json
CHANGED
package/package.json
CHANGED
|
@@ -1,10 +1,20 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oneli8/react",
|
|
3
|
-
"version": "1.0.0-beta.
|
|
3
|
+
"version": "1.0.0-beta.5",
|
|
4
4
|
"description": "OneLi8 Design System for React. Components, design tokens, the Gem material, and the design language they follow.",
|
|
5
|
-
"keywords": [
|
|
5
|
+
"keywords": [
|
|
6
|
+
"react",
|
|
7
|
+
"design-system",
|
|
8
|
+
"components",
|
|
9
|
+
"design-tokens",
|
|
10
|
+
"accessibility",
|
|
11
|
+
"atomic-design",
|
|
12
|
+
"oneli8"
|
|
13
|
+
],
|
|
6
14
|
"homepage": "https://github.com/Akshay007ad/OneLi8-Design-System#readme",
|
|
7
|
-
"bugs": {
|
|
15
|
+
"bugs": {
|
|
16
|
+
"url": "https://github.com/Akshay007ad/OneLi8-Design-System/issues"
|
|
17
|
+
},
|
|
8
18
|
"repository": {
|
|
9
19
|
"type": "git",
|
|
10
20
|
"url": "git+https://github.com/Akshay007ad/OneLi8-Design-System.git",
|
|
@@ -14,7 +24,11 @@
|
|
|
14
24
|
"author": "Akshay Dhore",
|
|
15
25
|
"type": "module",
|
|
16
26
|
"exports": {
|
|
17
|
-
".": {
|
|
27
|
+
".": {
|
|
28
|
+
"types": "./src/index.d.ts",
|
|
29
|
+
"import": "./src/index.js",
|
|
30
|
+
"default": "./src/index.js"
|
|
31
|
+
},
|
|
18
32
|
"./styles.css": "./styles.css",
|
|
19
33
|
"./styles/*.css": "./src/styles/*.css",
|
|
20
34
|
"./ai-context.json": "./ai-context.json",
|
|
@@ -22,7 +36,10 @@
|
|
|
22
36
|
"./package.json": "./package.json"
|
|
23
37
|
},
|
|
24
38
|
"types": "./src/index.d.ts",
|
|
25
|
-
"sideEffects": [
|
|
39
|
+
"sideEffects": [
|
|
40
|
+
"./styles.css",
|
|
41
|
+
"**/*.css"
|
|
42
|
+
],
|
|
26
43
|
"files": [
|
|
27
44
|
"src",
|
|
28
45
|
"styles.css",
|
|
@@ -35,11 +52,15 @@
|
|
|
35
52
|
"NOTICE"
|
|
36
53
|
],
|
|
37
54
|
"dependencies": {
|
|
38
|
-
"@oneli8/tokens": "1.0.0-beta.
|
|
55
|
+
"@oneli8/tokens": "1.0.0-beta.5"
|
|
39
56
|
},
|
|
40
57
|
"peerDependencies": {
|
|
41
58
|
"react": ">=18"
|
|
42
59
|
},
|
|
43
|
-
"engines": {
|
|
44
|
-
|
|
60
|
+
"engines": {
|
|
61
|
+
"node": ">=20"
|
|
62
|
+
},
|
|
63
|
+
"publishConfig": {
|
|
64
|
+
"access": "public"
|
|
65
|
+
}
|
|
45
66
|
}
|