@nadicodeai/design-system 10.0.0 → 10.0.1
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 -4
- package/dist/css/index.css +0 -11
- package/package.json +1 -1
package/DESIGN.md
CHANGED
|
@@ -546,9 +546,7 @@ This section is the semantic catalog for framework-agnostic components. Exact re
|
|
|
546
546
|
|
|
547
547
|
### Structural Surfaces
|
|
548
548
|
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
**`panel-cell`** — a structural content cell. It pads its content with `{spacing.lg}` and takes its height from what it holds; the surface around it owns any seam.
|
|
549
|
+
One surface carries structure rather than content. It is square (`{rounded.none}`), takes no rung of the elevation ladder, and draws no border of its own.
|
|
552
550
|
|
|
553
551
|
**`dotted-field`** — the Portal's work surface: the dotted ground behind conversations, outputs, and diagrams, on the material ladder's workspace role ("Elevation & Depth"). It indicates a work surface, never decoration, and the website does not use it.
|
|
554
552
|
|
|
@@ -570,7 +568,7 @@ Keyboard focus has one owner: the kit's foundation layer draws the full-opacity
|
|
|
570
568
|
|
|
571
569
|
Content surfaces display specific content types inside a section. They are valid when the content exists; they do not replace the section, the content column, or the seam rules.
|
|
572
570
|
|
|
573
|
-
**`image`** — editorial media mount, the single home for art-directed imagery inside a section. A bounded media fill (img, picture, video, or inline SVG) with an optional mono tag chip overlaid on the media and an optional body-tone caption bar below it, both typed by the generated caption utilities applied in markup. Square-cornered (`{rounded.none}`): a mounted print, not a floating card — the parent frame supplies the visual system. With `data-frame="true"` it draws exactly one hairline (its own `{colors.line}` border), so it sits inside a borderless
|
|
571
|
+
**`image`** — editorial media mount, the single home for art-directed imagery inside a section. A bounded media fill (img, picture, video, or inline SVG) with an optional mono tag chip overlaid on the media and an optional body-tone caption bar below it, both typed by the generated caption utilities applied in markup. Square-cornered (`{rounded.none}`): a mounted print, not a floating card — the parent frame supplies the visual system. With `data-frame="true"` it draws exactly one hairline (its own `{colors.line}` border), so it sits inside a borderless cell or a visual slot without repairing or stacking onto any grid seam. The aspect ratio is the per-instance `--nc-image-ratio` knob (default 4 / 3) — set the prop on the element, never re-derive geometry inline. It has one form: there is no divider-strip variant. Use `image` for every illustrated image and every photographic surface. Conversation artifacts render through assistant-ui rather than a design-system CSS family.
|
|
574
572
|
|
|
575
573
|
### Agentic Work Surfaces
|
|
576
574
|
|
package/dist/css/index.css
CHANGED
|
@@ -805,17 +805,6 @@
|
|
|
805
805
|
.nc-dotted-field {
|
|
806
806
|
background: radial-gradient(var(--nc-line) 0.8px, transparent 0.8px) 0 0 / 12px 12px, var(--nc-canvas);
|
|
807
807
|
}
|
|
808
|
-
.nc-panel-cell {
|
|
809
|
-
display: grid;
|
|
810
|
-
min-width: 0;
|
|
811
|
-
padding: var(--nc-lg);
|
|
812
|
-
align-content: center;
|
|
813
|
-
gap: 12px;
|
|
814
|
-
overflow: hidden;
|
|
815
|
-
overflow-wrap: anywhere;
|
|
816
|
-
background: var(--nc-canvas);
|
|
817
|
-
color: var(--nc-body);
|
|
818
|
-
}
|
|
819
808
|
.nc-artifact-surface {
|
|
820
809
|
display: grid;
|
|
821
810
|
gap: 12px;
|