@nadicodeai/design-system 9.0.0 → 9.0.2

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 CHANGED
@@ -4,7 +4,9 @@
4
4
  to `@nadicodeai/ui`; `examples/` contains rendered specimens.
5
5
 
6
6
  - Design and CSS changes: the relevant section of `DESIGN.md`.
7
- - Terms: `CONTEXT.md`. Static consumption: `README.md`.
7
+ - Placement: this package and `@nadicodeai/ui` hold the Foundation and what at
8
+ least two products use; what one product alone needs lives in that product.
9
+ - Terms: `GLOSSARY.md`. Static consumption: `README.md`.
8
10
  - React consumption: `../ui/docs/consuming-cross-repo.md`.
9
11
  - Visual checks: `playwright.visual.config.ts` and `tests/visual/`.
10
12
  - Releases: `../../docs/agents/publish.md`.
@@ -7,16 +7,13 @@ The shared vocabulary for NadicodeAI's reusable visual decisions and interface s
7
7
  ### Foundations
8
8
 
9
9
  **Foundation**:
10
- The visual values shared by every NadicodeAI product, including colour roles, typography, spacing, shape, material, elevation, motion, icons, and brand assets.
10
+ The visual values available to every NadicodeAI product, whether one product renders them or three: colour roles, typography, spacing, shape, material, elevation, motion, icons, and brand assets.
11
11
  _Avoid_: Palette, base theme
12
12
 
13
13
  **Register**:
14
14
  One product's visual rules for applying the Foundation. NadicodeAI has three Registers: website, Portal, and Nadia desktop.
15
15
  _Avoid_: Theme, skin
16
16
 
17
- **Placement**:
18
- Where a component, asset or style is kept. `@nadicodeai/ui` and `@nadicodeai/design-system` hold the Foundation and what at least two products use; a component, asset or style one product alone needs lives in that product's own directory. Nadia's entry screen is the worked example: its room, presence and typed line live in the desktop, not here.
19
-
20
17
  **Neutral spine**:
21
18
  The achromatic colour roles that carry grounds, chrome, hierarchy, and every control in every Register. Chromatic colour is reserved for the semantic feedback roles, the verde brand accent in its scoped duties, the chart palettes, and the Agent identity palette.
22
19
 
@@ -24,16 +21,28 @@ The achromatic colour roles that carry grounds, chrome, hierarchy, and every con
24
21
  The semantic colour roles and chart colours used for interface state and data.
25
22
 
26
23
  **Agent identity palette**:
27
- The five full-strength hues, plus the white and ink poles, that paint Agent identity visuals, the brand book's identity planes, and generated editorial imagery. Emitted as the `identity-*` colour tokens.
24
+ The five full-strength hues, plus the white and ink poles, that paint Agent identity visuals, the brand book's identity planes, and generated editorial imagery.
28
25
  _Avoid_: Swatch, theme color
29
26
 
27
+ **Verde vivo**:
28
+ Nadia's presence accent: the colour of the marks that say Nadia herself is here.
29
+
30
30
  **Identity plane**:
31
31
  A surface painted edge to edge in one Agent identity palette colour.
32
32
 
33
33
  ### Structure and surfaces
34
34
 
35
35
  **Page grammar**:
36
- The shared structural vocabulary of frames, rows, lanes, fills, seams, markers, grids, and stages.
36
+ The website Register's structural vocabulary of frames, rows, lanes, fills, seams, markers, grids, and stages.
37
+
38
+ **Page composition**:
39
+ One of the five repeated page shapes the products build from: Overview, Collection, Object, Configuration and Library, each defined by the first question it answers.
40
+
41
+ **Delivery tier**:
42
+ One of the five homes a reusable design decision ships from: tokens, CSS components, compositions, layout grammar, or specimens. Each decision has exactly one.
43
+
44
+ **Material ladder**:
45
+ The Portal and desktop Registers' structure: one continuous workspace ground and one solid fill for every object, with glass kept for floating chrome.
37
46
 
38
47
  **Seam**:
39
48
  The visible structural line where parts of the Page grammar meet.
@@ -41,6 +50,9 @@ The visible structural line where parts of the Page grammar meet.
41
50
  **Status vocabulary**:
42
51
  The shared five-tone visual language for product status. Each product owns its status families, values, and mapping to those tones.
43
52
 
53
+ **Workflow states**:
54
+ The five colours that mark where a piece of agentic work stands: ready, running, in review, blocked, and complete. They are separate from the Status vocabulary.
55
+
44
56
  **Content surface**:
45
57
  A visual family for presenting a specific kind of content inside the Page grammar.
46
58
 
@@ -50,3 +62,6 @@ A visual family outside the conversation renderer for work output and workflow s
50
62
  **Agent orb**:
51
63
  The decorative identity of one Agent across products: one of seven forms in one chosen colour, or Nadia's striped ribbon.
52
64
  _Avoid_: Agent glyph, Agent avatar, Agent visual
65
+
66
+ **System activity**:
67
+ The shared visual family for work the system is doing now, loading, connecting or processing, drawn as the activity orb. It never stands for an Agent.
package/README.md CHANGED
@@ -72,7 +72,7 @@ Two token files ship, both rooted at `nadicode`, with `nadicode.core.*` the foun
72
72
  | `@nadicodeai/design-system/tokens/dtcg` | the canonical contract: every alias and every `$extensions` entry preserved | reading which foundation value a register role derives from |
73
73
  | `@nadicodeai/design-system/tokens/dtcg-resolved` | the same groups, types, descriptions, and extensions, with every alias replaced by its value | generating a theme without an alias engine |
74
74
 
75
- The tarball also carries three root documents. [`DESIGN.md`](./DESIGN.md) is the contract a session reads before it styles anything, [`AGENTS.md`](./AGENTS.md) is this workspace's rulebook, and [`CONTEXT.md`](./CONTEXT.md) is the shared design vocabulary.
75
+ The tarball also carries three root documents. [`DESIGN.md`](./DESIGN.md) is the contract a session reads before it styles anything, [`AGENTS.md`](./AGENTS.md) is this workspace's rulebook, and [`GLOSSARY.md`](./GLOSSARY.md) is the shared design vocabulary.
76
76
 
77
77
  Load the brand typeface from `@nadicodeai/design-system/assets/fonts/geist.css`, which declares the `@font-face` rules and points them at the packaged woff2 files. One loader per app: a second declaration of Geist, from Google Fonts or a hand-written `@font-face`, downloads the face twice and is a defect.
78
78
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nadicodeai/design-system",
3
- "version": "9.0.0",
3
+ "version": "9.0.2",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -123,7 +123,7 @@
123
123
  },
124
124
  "files": [
125
125
  "AGENTS.md",
126
- "CONTEXT.md",
126
+ "GLOSSARY.md",
127
127
  "README.md",
128
128
  "DESIGN.md",
129
129
  "LICENSES",