@nonoun/native-tokens 0.5.2 → 0.5.6

package/dist/foundation.css

@@ -1254,7 +1254,8 @@
     box-sizing: border-box;
   }
 
-  body {
+  :where(body) {
+    font-family: var(--n-font-family);
     margin: 0;
   }
 
@@ -1297,6 +1298,100 @@
   :where(n-card, n-panel, n-section) :where(h2) { font-size: var(--n-font-lg); }
   :where(n-card, n-panel, n-section) :where(h3) { font-size: var(--n-font-md); }
 
+  /* ── Prose content reset ── */
+  /* WHY: Reusable scoped reset for rich text / markdown output regions.
+     Zeroes browser-default margins, sets vertical rhythm via gap on
+     the container. Consumers apply via [n-prose] or .n-prose. */
+
+  :where([n-prose]),
+  :where(.n-prose) {
+    display: flex;
+    flex-direction: column;
+    gap: calc(var(--n-space) * 2);
+  }
+
+  :where([n-prose]) :where(
+    p, h1, h2, h3, h4, h5, h6,
+    ul, ol, li,
+    blockquote, pre, hr,
+    div, figure, figcaption,
+    dl, dt, dd, details, summary
+  ),
+  :where(.n-prose) :where(
+    p, h1, h2, h3, h4, h5, h6,
+    ul, ol, li,
+    blockquote, pre, hr,
+    div, figure, figcaption,
+    dl, dt, dd, details, summary
+  ) {
+    margin: 0;
+  }
+
+  :where([n-prose]) :where(h1, h2, h3, h4, h5, h6),
+  :where(.n-prose) :where(h1, h2, h3, h4, h5, h6) {
+    font-weight: var(--n-button-font-weight);
+    color: var(--n-ink-strong);
+    line-height: 1.3;
+  }
+
+  :where([n-prose]) :where(h1),
+  :where(.n-prose) :where(h1) { font-size: 1.5em; }
+  :where([n-prose]) :where(h2),
+  :where(.n-prose) :where(h2) { font-size: 1.25em; }
+  :where([n-prose]) :where(h3),
+  :where(.n-prose) :where(h3) { font-size: 1.125em; }
+
+  :where([n-prose]) :where(code),
+  :where(.n-prose) :where(code) {
+    font-family: var(--n-font-mono);
+    font-size: 0.875em;
+  }
+
+  :where([n-prose]) :where(pre),
+  :where(.n-prose) :where(pre) {
+    padding: calc(var(--n-space) * 2);
+    background: var(--n-control);
+    border-radius: var(--n-radius);
+    overflow-x: auto;
+    white-space: pre;
+  }
+
+  :where([n-prose]) :where(pre) :where(code),
+  :where(.n-prose) :where(pre) :where(code) {
+    font-size: inherit;
+  }
+
+  :where([n-prose]) :where(blockquote),
+  :where(.n-prose) :where(blockquote) {
+    border-inline-start: 3px solid var(--n-border-muted);
+    padding-inline-start: calc(var(--n-space) * 3);
+    color: var(--n-ink-muted);
+  }
+
+  :where([n-prose]) :where(a),
+  :where(.n-prose) :where(a) {
+    color: var(--n-ink);
+    text-decoration: underline;
+    text-underline-offset: 0.15em;
+  }
+
+  :where([n-prose]) :where(ul, ol),
+  :where(.n-prose) :where(ul, ol) {
+    padding-inline-start: 1.5em;
+  }
+
+  :where([n-prose]) :where(li + li),
+  :where(.n-prose) :where(li + li) {
+    margin-block-start: calc(var(--n-space) * 0.5);
+  }
+
+  :where([n-prose]) :where(hr),
+  :where(.n-prose) :where(hr) {
+    border: none;
+    height: 1px;
+    background: var(--n-border-muted);
+  }
+
   /* ── Reduced Motion ── */
 
   @media (prefers-reduced-motion: reduce) {
@@ -1870,6 +1965,21 @@
     --n-ink-disabled: var(--n-ink-disabled-danger);
   }
 
+  /* ─── Disabled intent override ─── */
+  /* WHY: Disabled components should look neutral regardless of intent.
+     Same (0,1,0) specificity as intent selectors — wins by source order. */
+
+  [aria-disabled="true"] {
+    --n-panel-disabled: var(--n-panel-disabled-neutral);
+    --n-button-disabled: var(--n-button-disabled-neutral);
+    --n-control-disabled: var(--n-control-disabled-neutral);
+    --n-widget-disabled: var(--n-control-disabled-neutral);
+    --n-surface-disabled: var(--n-surface-disabled-neutral);
+    --n-surface-ink-disabled: var(--n-surface-ink-disabled-neutral);
+    --n-border-disabled: var(--n-color-neutral-highest);
+    --n-ink-disabled: var(--n-ink-disabled-neutral);
+  }
+
   /* ─── Variant ─── */
 
   [variant="primary"] {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nonoun/native-tokens",
-  "version": "0.5.2",
+  "version": "0.5.6",
   "description": "OKLCH color token inspector for @nonoun/native-ui",
   "license": "MIT",
   "type": "module",