@nadicodeai/design-system 12.1.207 → 12.1.209
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/DESIGN.md +4 -2
- package/package.json +1 -1
package/DESIGN.md
CHANGED
|
@@ -534,7 +534,7 @@ nadicode puts AI Agents to work inside small and mid-sized companies. Its sites
|
|
|
534
534
|
|
|
535
535
|
The products are still: only Agents move on their own, apart from the company's card, which turns in the light as it appears and as it is issued. The website moves with purpose: the product at work, Agents and its few shader objects ("Motion").
|
|
536
536
|
|
|
537
|
-
One foundation serves
|
|
537
|
+
One foundation serves five registers. The foundation is every value in this file. A register is one product's way of applying it: the website, the Portal, the Nadia desktop app, the Alveare desktop app and Alveare Server's window ("Registers"). A register adds rules and chooses which values it uses; it never redefines a value or mints one. A value one register needs is authored here under `register.<name>`, and a value two registers share moves to `core`.
|
|
538
538
|
|
|
539
539
|
## Colors
|
|
540
540
|
|
|
@@ -713,7 +713,7 @@ These values are the `register.website.layout` tokens; the breakpoints live in `
|
|
|
713
713
|
|
|
714
714
|
### Product shells
|
|
715
715
|
|
|
716
|
-
The Portal, Nadia and Alveare are product shells: persistent navigation on the left, the selected destination on the right, on the workspace ground ("Elevation & Depth"). They use the spacing ladder and the control geometry, not the website's column.
|
|
716
|
+
The Portal, Nadia, Alveare and Alveare Server's running workspace are product shells: persistent navigation on the left, the selected destination on the right, on the workspace ground ("Elevation & Depth"). They use the spacing ladder and the control geometry, not the website's column.
|
|
717
717
|
|
|
718
718
|
## Elevation & Depth
|
|
719
719
|
|
|
@@ -878,12 +878,14 @@ The clear space is one stroke width of the rendered logo on every side. The mini
|
|
|
878
878
|
| Portal | `apps/portal/docs/information-architecture.md` and `apps/portal/docs/design-doctrine.md` | None | System, light or dark, on the `.dark` class |
|
|
879
879
|
| Nadia | `apps/nadia/docs/design-doctrine.md` | None | System by default, light or dark, on the `.dark` class |
|
|
880
880
|
| Alveare | `apps/alveare/docs/design-doctrine.md` | None | System, light or dark, on Buzz's own theme pair |
|
|
881
|
+
| Alveare Server | `apps/alveare/docs/design-doctrine.md` | None | System by default, light or dark, on the `.dark` class; its entry scene is dark in every theme |
|
|
881
882
|
|
|
882
883
|
- **Website.** The page grammar is "The website column": full-bleed sections on white, soft and black grounds and the bands "Colour as stage" allows, alternating, with product views on them. Its cards are outlined; its product views take their real heights.
|
|
883
884
|
- **Portal.** A product shell on the workspace ground, with `globals.css` giving every elevated surface its tone.
|
|
884
885
|
- **Nadia.** Nadia draws her own window through Hermes's `window.shell` area, inside Hermes's app, which owns Tailwind and its own surface layering. Nadia's theme paints Hermes's roles with the shared `semantic` roles and core radii, and imports `@nadicodeai/ui/components.css` with the design system's host stylesheet, so the package components render with the same recipes and glass. The window follows the operating system's material where the system composites it. Hermes answers reduced motion by cutting every transition and animation; Nadia's stylesheet gives her own parts, the package overlays, the entry screen and the waiting line, the reduced-motion policy in "Motion" back.
|
|
885
886
|
Her conversation is one centred column of `56rem` holding her replies, the person's messages and the chat bar: her reply is plain text across the column, only the person's message is a bubble, grey (`{colors.canvas-soft-2}`) at the `raised` height in both modes, at the column's trailing edge, and the chat bar floats over the messages in glass ("Elevation & Depth"). The selected Agent row carries the sidebar's selected fill, as the Agents list draws it.
|
|
886
887
|
- **Alveare.** The desktop keeps Buzz's components and layout, styled through an adapter as Nadia styles Hermes: Buzz's colour roles read the shared `semantic` roles, tokens only and never a copied value, every text takes a type role, and Buzz's shared components take the package's geometry, states, focus and motion, over the design system's host stylesheet and `@nadicodeai/ui/components.css`. A job the products share takes the package's own component, or the look the package exports for it, in place of Buzz's ([Alveare's screens](../../apps/alveare/docs/design-doctrine.md#screens)). Buzz's colour roles are generated from the `semantic` map of each mode, so the sidebar and the page sit on the canvas in dark as Nadia's do. Agents appear as their orbs, and a person never reads "Buzz". Ruled by the owner.
|
|
888
|
+
- **Alveare Server.** A Tauri window in React that draws with `@nadicodeai/ui` over `@nadicodeai/ui/globals.css`, with no adapter: the hive scene before and after the workspace runs, and a product shell on the workspace ground while it runs.
|
|
887
889
|
|
|
888
890
|
## Do's and Don'ts
|
|
889
891
|
|