@vegastack/design 0.7.10 → 0.7.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vegastack/design",
-  "version": "0.7.10",
+  "version": "0.7.11",
   "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": {

package/skills/vegastack-design-system/SKILL.md

@@ -135,6 +135,12 @@ A component's name undersells it. Before composing something by hand, check this
 - **A metric** → `Stat`.
 - **A confirmation that interrupts** → `AlertDialog`; a form or detail in an overlay → `Dialog` or
   `Sheet`.
+- **An overlay's footer** (`DialogFooter`, `AlertDialogFooter`, `SheetFooter`, `DrawerFooter`,
+  `MultiStepFormActions`) is as plain as its header: no background, no top border, no extra padding
+  or negative margins. Actions are right-aligned, primary last; every secondary action (Cancel,
+  Keep editing, Back, Save draft) is `variant="secondary"`, never `outline` — `AlertDialogCancel`
+  and `DialogFooter showCloseButton` already default to it. A Sheet's Cancel may sit at the start
+  edge: give it `data-slot="sheet-cancel"` and `SheetFooter` pushes it left with `me-auto`.
 - **Feedback after an action** → `toast.add({ title })`.
 - **A recording's text beside its player** → `Transcript` (follows `currentTime`, seeks through
   `onSeek`, searches) with a `docked` `AudioPlayer` at the bottom of the column.

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

@@ -80,7 +80,7 @@ starts with `icon-` is a component and never an icon.
 - **`data-list`** — A generic, typed data table — configurable columns, row selection, sortable headers, plus loading and empty states.
 - **`data-list-pager`** — A controlled paging footer for DataList — a tabular-numeral range summary, a rows-per-page Select, and a windowed Pagination that hides on a single page.
 - **`data-table-parts`** — The chrome DataList and DataGrid share — sort header, selection cells, skeleton rows, the empty row, column class rules, and the selection/sort/controlled-state hooks.
-- **`filter-bar`** — A row of removable filter chips, an "Add filter" dropdown, and an optional search input — for list and table filter toolbars.
+- **`filter-bar`** — The two-row toolbar above a list or table — search, scope and view on top, filters below, folding into a sheet on a narrow screen.
 - **`filter-bar-managed`** — The controlled nested and/or filter builder — host-injected field grammar (vocabulary + per-type value editors), depth and condition caps, focus-managed removal, and a removable FilterChip summary.
 - **`load-more`** — The shared Load more footer for keyset lists — an outline button that keeps its width while loading, an error line with Try again, and an optional end caption.
 - **`property-list`** — Record-facts rows: an icon+label column beside a value column, as an accessible definition list.
@@ -90,7 +90,7 @@ starts with `icon-` is a component and never an icon.
 
 - **`alert-dialog`** — A modal that interrupts for a decision — an optional media slot, two sizes and an action/cancel footer.
 - **`context-menu`** — The same menu vocabulary opened by right-click, positioned at the pointer.
-- **`dialog`** — A modal overlay — a backdrop, a centred popup, an optional close button and a sticky footer band.
+- **`dialog`** — A modal overlay — a backdrop, a centred popup, an optional close button and a plain, right-aligned footer.
 - **`drawer`** — A swipeable panel with snap points — four directions, a swipe handle, nesting and a non-modal mode.
 - **`dropdown-menu`** — An anchored action menu — items, submenus, checkboxes, radio groups, shortcuts and a destructive variant.
 - **`hover-card`** — A preview surface that opens on hover or focus, with configurable delays and sides.