@nadicodeai/design-system 12.1.87 → 12.1.88
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 +3 -3
- package/GLOSSARY.md +1 -1
- package/package.json +1 -1
package/DESIGN.md
CHANGED
|
@@ -571,7 +571,7 @@ Content stays solid: cards, KPIs, tables, chat, forms, and dialog, sheet and dra
|
|
|
571
571
|
|
|
572
572
|
Related membership collections share one tabbed workspace: Members, Invitations and, where supported, Teams. One collection is visible at a time and its selection is retained in the URL.
|
|
573
573
|
|
|
574
|
-
**Product views on the website** preserve the real interface. Nadia uses captures of the running application, with
|
|
574
|
+
**Product views on the website** preserve the real interface. Nadia uses captures of the running application, with the unchanged full-size image linked and capture provenance recorded in the repository, following the founder's 12 October correction of invented UI. Portal and Alveare may use inert scenes built from real components with fictional example data recorded in the repository. Never invent interface controls or frame a view in a device mockup. A product window takes the raised height on its ground; a card that overlaps it floats. Live components use dark mode in a black section; captures preserve the application's captured theme.
|
|
575
575
|
|
|
576
576
|
Absence follows its container. The Portal uses plain operational empty states throughout: no collection illustrations, a solid boundary for a page or region, and the same spacing and typography for first use, no data, and no results. Other products may use the illustrated register with a dashed boundary. In every product, an empty state inside a card is unframed, because the card already owns the edge. `EmptyState` (`@nadicodeai/ui/components/empty-state`) is the only owner of an absence: nothing else draws one, and its `scope` (`page`, `region` or `card`) sets that frame. A collection's `DataTable` takes the same props as `empty`. Its kind determines the message and recovery; presentation determines whether first-use artwork is present:
|
|
577
577
|
|
|
@@ -868,7 +868,7 @@ A recognised app, platform or model maker is drawn with its genuine mark beside
|
|
|
868
868
|
|
|
869
869
|
### Product views
|
|
870
870
|
|
|
871
|
-
Website product views follow "Product views on the website" in [Elevation & Depth](#elevation--depth): authentic captures or real-component scenes, with
|
|
871
|
+
Website product views follow "Product views on the website" in [Elevation & Depth](#elevation--depth): authentic captures or real-component scenes, with provenance recorded in the repository. Preserve the product's register and interface. Crop to the detail being explained; retain an original-image link for captures and never frame a view in a device.
|
|
872
872
|
|
|
873
873
|
### CSS components
|
|
874
874
|
|
|
@@ -925,7 +925,7 @@ The clear space is one stroke width of the rendered logo on every side. The mini
|
|
|
925
925
|
- Do use the identity hues at full strength in the places "Colour as stage" lists, with the text pole that clears AA. Don't tint them, grade them, or paint a control, chrome or a status with them.
|
|
926
926
|
- Do choose a surface's height by its physical role, and let its edge and faint shadow show it in both modes. Don't add a border, ring or second shadow to an elevated surface.
|
|
927
927
|
- Do put glass on floating chrome over content that scrolls or moves under it. Don't make content glass, or put glass over a plain ground.
|
|
928
|
-
- Do show authentic captures or real-component scenes as "Product views on the website" specifies, with
|
|
928
|
+
- Do show authentic captures or real-component scenes as "Product views on the website" specifies, with provenance recorded in the repository. Don't use device frames or invented interfaces.
|
|
929
929
|
- Do give each thing the corner its role takes on the scale ("Shapes"). Don't give a higher surface a bigger corner.
|
|
930
930
|
- Do give every line one owner, and draw focus only with the focus outline.
|
|
931
931
|
- Do say a status with a Badge tone, a mark and a word. Don't use colour alone or a bare dot.
|
package/GLOSSARY.md
CHANGED
|
@@ -58,7 +58,7 @@ The identity of one Agent across products: one of seven forms in one chosen colo
|
|
|
58
58
|
_Avoid_: Agent glyph, Agent avatar, Agent visual
|
|
59
59
|
|
|
60
60
|
**Product view**:
|
|
61
|
-
|
|
61
|
+
An authentic capture or inert fragment of the Portal, Nadia or Alveare on the website. Capture provenance and fictional data are recorded internally; production notes do not appear on the public page.
|
|
62
62
|
|
|
63
63
|
**System activity**:
|
|
64
64
|
What a person sees while the system does work they asked for: a pending label, then one waiting line, a counted progress line, or still skeletons. It never takes an orb, because an orb means an Agent.
|