@nadicodeai/design-system 12.1.19 → 12.1.21
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 +2 -2
- package/package.json +1 -1
package/DESIGN.md
CHANGED
|
@@ -413,11 +413,11 @@ Product UI sits on one continuous workspace ground, `{colors.material-workspace}
|
|
|
413
413
|
|
|
414
414
|
**Glass** is a material, not a height: the floating fill at 60% over a 20 px backdrop blur at 180% saturation, so colour behind it comes through saturated rather than grey. Its edge is the floating recipe, whose inset top highlight and inner hairline show once the fill turns translucent, and a 5% monochrome grain keeps the blurred colour from banding. Glass may go where something behind it moves or carries colour:
|
|
415
415
|
|
|
416
|
-
- floating chrome over our own content: popovers, selects, comboboxes,
|
|
416
|
+
- floating chrome over our own content: popovers, selects, comboboxes, the menubar, navigation popups, the command palette and control bars;
|
|
417
417
|
- the website header as the page scrolls under it;
|
|
418
418
|
- a small floating card over a colour ground or moving Agents.
|
|
419
419
|
|
|
420
|
-
Content stays solid: cards, KPIs, tables, chat, forms, and dialog, sheet and drawer bodies.
|
|
420
|
+
Content stays solid: cards, KPIs, tables, chat, forms, and dialog, sheet and drawer bodies. Menus stay solid: a dropdown menu and a context menu open over dense rows their labels would compete with, and one set of commands reached both ways looks the same both ways. Glass over a plain white or black ground shows nothing, so it never goes there. Reduced transparency replaces glass with the same solid surface at the same height.
|
|
421
421
|
|
|
422
422
|
**Product views on the website** are the product itself, built from the real components with example data that is labelled as such; never a screenshot, a device mockup or an invented interface. A product window takes the raised height on its ground; a card that overlaps it floats; its chrome may be glass over a colour or black ground; in a black section it renders in dark mode.
|
|
423
423
|
|