@nadicodeai/design-system 12.1.111 → 12.1.112
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/AGENTS.md +8 -6
- package/DESIGN.md +163 -1785
- package/README.md +7 -6
- package/dist/tokens/nadicode.dtcg-resolved.json +1 -1
- package/dist/tokens/nadicode.dtcg.json +1 -1
- package/package.json +2 -1
- package/src/tokens/extension.tokens.json +1383 -0
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# nadicode Design System
|
|
2
2
|
|
|
3
|
-
The `@nadicodeai/design-system` package. [`DESIGN.md`](./DESIGN.md) is nadicode's design system and its
|
|
3
|
+
The `@nadicodeai/design-system` package. [`DESIGN.md`](./DESIGN.md) is nadicode's design system and its design authority: every token, the visual direction and the rules every component and page shares. A component's own contract is the usage page in its source in `@nadicodeai/ui`. This README says how to consume the package and how the build turns `DESIGN.md` into what it ships.
|
|
4
4
|
|
|
5
5
|
This README is a package map and the setup guide for static or non-React consumers. React consumers use the UI package's stylesheet and follow [`packages/ui/README.md`](../ui/README.md); they do not compose design-system stylesheets themselves.
|
|
6
6
|
|
|
@@ -99,9 +99,9 @@ Consumer overrides belong in an explicit later layer:
|
|
|
99
99
|
|
|
100
100
|
## How the build works
|
|
101
101
|
|
|
102
|
-
`npm run build -w @nadicodeai/design-system` reads
|
|
103
|
-
`@google/design.md` CLI exports
|
|
104
|
-
`scripts/sd/
|
|
102
|
+
`npm run build -w @nadicodeai/design-system` reads two sources: the
|
|
103
|
+
`@google/design.md` CLI exports `DESIGN.md`'s YAML front matter, and
|
|
104
|
+
`scripts/sd/token-extension.ts` reads the token extension, `src/tokens/extension.tokens.json`.
|
|
105
105
|
`scripts/sd/compose-token-graph.ts` joins them into the single `nadicode` token
|
|
106
106
|
graph and checks that every alias resolves and points the allowed way (`core`
|
|
107
107
|
reaches nothing outside itself; `semantic` names only `core`; a register reaches
|
|
@@ -117,8 +117,9 @@ The source graph under `src/css/` is bundled into three public stylesheets:
|
|
|
117
117
|
host with base styles of its own). `src/css/index.css` declares the cascade's
|
|
118
118
|
layer order.
|
|
119
119
|
Generated files and `dist/` are outputs, which git does not track: edit
|
|
120
|
-
`DESIGN.md` and rebuild, never the output.
|
|
121
|
-
root `prepare`, and `tests/guards/` holds
|
|
120
|
+
`DESIGN.md` or `src/tokens/extension.tokens.json` and rebuild, never the output.
|
|
121
|
+
Every install builds them through the root `prepare`, and `tests/guards/` holds
|
|
122
|
+
the structural checks on every output.
|
|
122
123
|
The favicons are the exception: `generate:favicons` writes them and git tracks
|
|
123
124
|
them. A consumer reaches any output through the package's `exports`, never a
|
|
124
125
|
path into `dist/` or `src/`.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
|
|
3
|
-
"$description": "nadicode's design system and its
|
|
3
|
+
"$description": "nadicode's design system and its design authority for tokens, visual direction and the rules every component and page shares: every component, website section, and product screen in the website, the Portal, the Nadia desktop app, and the Alveare desktop app builds on it. A component's own contract is the usage page in its source in @nadicodeai/ui.",
|
|
4
4
|
"nadicode": {
|
|
5
5
|
"core": {
|
|
6
6
|
"color": {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
|
|
3
|
-
"$description": "nadicode's design system and its
|
|
3
|
+
"$description": "nadicode's design system and its design authority for tokens, visual direction and the rules every component and page shares: every component, website section, and product screen in the website, the Portal, the Nadia desktop app, and the Alveare desktop app builds on it. A component's own contract is the usage page in its source in @nadicodeai/ui.",
|
|
4
4
|
"nadicode": {
|
|
5
5
|
"core": {
|
|
6
6
|
"color": {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nadicodeai/design-system",
|
|
3
|
-
"version": "12.1.
|
|
3
|
+
"version": "12.1.112",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -173,6 +173,7 @@
|
|
|
173
173
|
"src/assets/logo-geometry.js",
|
|
174
174
|
"src/assets/house-icons.js",
|
|
175
175
|
"src/assets/empty",
|
|
176
|
+
"src/tokens",
|
|
176
177
|
"src/assets/fonts",
|
|
177
178
|
"data",
|
|
178
179
|
"dist"
|