@vegastack/design 0.8.15 → 0.8.17

package/dist/index.d.cts

@@ -108,8 +108,8 @@ declare const proseClassName: string;
  * `cn` (tailwind-merge resolves each `[&_h1]:text-lg` against its `[&_h1]:text-2xl/8`), or use
  * `proseDocumentClassName`, which is that composition done once.
  *
- * The measure (about 67 characters a line) is the layout's, not the recipe's: `DocumentLayout`
- * caps its text column at `--document-measure` (47ch), in the same font size this recipe sets.
+ * The column's width is the layout's, not the recipe's: `DocumentLayout` sizes its fluid text
+ * column by tier, in the same font size this recipe sets.
  *
  * @example
  * <div className={cn(proseClassName, proseDocument.root, proseDocument.h1)} />

package/dist/index.d.ts

@@ -108,8 +108,8 @@ declare const proseClassName: string;
  * `cn` (tailwind-merge resolves each `[&_h1]:text-lg` against its `[&_h1]:text-2xl/8`), or use
  * `proseDocumentClassName`, which is that composition done once.
  *
- * The measure (about 67 characters a line) is the layout's, not the recipe's: `DocumentLayout`
- * caps its text column at `--document-measure` (47ch), in the same font size this recipe sets.
+ * The column's width is the layout's, not the recipe's: `DocumentLayout` sizes its fluid text
+ * column by tier, in the same font size this recipe sets.
  *
  * @example
  * <div className={cn(proseClassName, proseDocument.root, proseDocument.h1)} />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vegastack/design",
-  "version": "0.8.15",
+  "version": "0.8.17",
   "description": "VegaStack design system — cn utility, icon runtime, Tailwind v4 preset, and the vegastack-design CLI (tokens ship separately as @vegastack/design-tokens)",
   "license": "MIT",
   "repository": {
@@ -70,7 +70,7 @@
     "test": "node test/compare.test.mjs && node test/check-updates.test.mjs && node test/skills-install.test.mjs && node test/doctor.test.mjs && node --test test/merge-refs.test.mjs test/registry-credentials.test.mjs"
   },
   "dependencies": {
-    "@vegastack/design-tokens": "^0.8.12",
+    "@vegastack/design-tokens": "^0.8.17",
     "clsx": "^2.1.1",
     "tailwind-merge": "^3.6.0",
     "tsconfig-paths": "^4.2.0",

package/skills/vegastack-design-system/references/components.md

@@ -81,7 +81,7 @@ starts with `icon-` is a component and never an icon.
 - **`collapsible`** — An interactive component which expands and collapses a panel, with an animated height and a trigger you supply.
 - **`empty`** — A zero-data placeholder — always an icon (the icon prop, Inbox by default), title, description and a content slot, with a compact sm size for inline empties. The one empty-state markup: DataList's emptyState and noResults (SearchX, "No matches", Clear filters) are built on it.
 - **`icon-glyph`** — A generic identity glyph with no entity, access or avatar semantics.
-- **`inline-chip`** — The one inline reference in running text — a person, page, file, task, meeting, customer or project — on the text's baseline at its size, tinted by kind; a person previews avatar, name and email on hover, the rest open on click with ⌘-click for a new tab.
+- **`inline-chip`** — The one inline reference in running text — a person, page, file, task, meeting, customer, project, product or family — on the text's baseline at its size, a person in blue and every record neutral with its kind's icon; a person previews avatar, name and email on hover, the rest open on click with ⌘-click for a new tab.
 - **`item`** — A composable row for list and feed content — media, title, description, actions — with a highlighted flash for a just-changed row.
 - **`kbd`** — A keyboard-key chip, and a group that lays several of them out inline.
 - **`markdown-view`** — Render a markdown string to safe, token-styled HTML — headings (with optional ids and copy links), lists, code, blockquotes, links, GFM tables that fade at a scrolling edge, mention and file chips, callouts and toggles — XSS-safe; at the document type scale, a page's read view with comment highlights, an outline, per-reader toggles and find.
@@ -167,7 +167,7 @@ starts with `icon-` is a component and never an icon.
 - **`aspect-ratio`** — Constrains its children to a given width-to-height ratio.
 - **`board`** — Kanban lanes — full-height lanes that scroll their cards inside, sticky headers with a collapse button left of the ⋯ menu, a subtle top-down fade on each lane, + Add after the last card (the empty lane's action when it has none), Nothing here / Drop here empty zones, per-lane skeletons and load-on-scroll paging; live pointer and touch drag (lift, make room, settle, edge auto-scroll), a keyboard pick-up/move/drop model, a per-card ⋯ menu of the card's own actions, optimistic moves with rollback and a toast, and one lane at a time on a phone.
 - **`direction`** — Base UI's DirectionProvider and useDirection — the text-direction context components read.
-- **`document-layout`** — A page read as a document — the title area, the text at a reading measure, what follows it, a contents column and a comment margin — on one grid with four tiers by its own width, plus its skeleton and a tier hook.
+- **`document-layout`** — A page read as a document — the title area and its meta lines, a fluid text column, what follows it, a contents rail before it and a comment margin after it — on one grid with five tiers by its own width, plus its skeleton and a tier hook.
 - **`record-layout`** — A record page's main column beside a sticky right rail of cards, with an ⓘ Details sheet in its place on small screens.
 - **`resizable`** — Accessible resizable panel groups and layouts with keyboard support — horizontal or vertical, nestable, with an optional visible grip.
 - **`scroll-area`** — Augments native scroll functionality for custom, cross-browser styling — a viewport, an auto-hiding scrollbar, and a corner.